@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: #ffffff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #150538;
  --color-bg-card: #ffffff;

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

  --color-primary: #7e22ce;
  --color-primary-hover: #6b21a8;
  --color-primary-light: #e9d5ff;
  --color-secondary: #a855f7;
  --color-secondary-light: #f3e8ff;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;

  --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;
  --spacing-4xl: 6rem;

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

  --shadow-sm: 0 1px 2px 0 rgba(126, 34, 206, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(126, 34, 206, 0.1), 0 2px 4px -1px rgba(126, 34, 206, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(126, 34, 206, 0.1), 0 4px 6px -2px rgba(126, 34, 206, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(126, 34, 206, 0.1), 0 10px 10px -5px rgba(126, 34, 206, 0.04);

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

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: var(--color-text-primary);
  margin: 0;
}

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}

h2 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.3px;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

h6 {
  font-size: 1.125rem;
  font-weight: 600;
}

p {
  margin: 0;
  line-height: 1.7;
  letter-spacing: 0.3px;
}

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

a:hover {
  color: var(--color-primary-hover);
  text-shadow: 0 0 8px rgba(126, 34, 206, 0.3);
}

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
}

button:focus, input[type="button"]:focus, input[type="submit"]:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

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

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

.ec5f {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

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

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

.e932 {
  background: var(--color-bg-tertiary);
  border-color: rgba(168, 85, 247, 0.2);
  color: var(--color-text-light);
}

.p1578 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-weight: 600;
  letter-spacing: 0.3px;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.fe4 {
  display: grid;
  gap: var(--spacing-xl);
}

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

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

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

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

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

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

.ddd9f {
  flex-direction: column;
}

.c32ad {
  text-align: center;
}

.h9b7a4 {
  text-align: right;
}

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

.pf9902f {
  color: var(--color-text-light);
}

.f8d25 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

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

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

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

.e7e332 {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-xl) 0;
}

.e6eb0fb3 {
  background: rgba(168, 85, 247, 0.2);
}

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .m4b {
    grid-template-columns: 1fr;
  }

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

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

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

  .a9dc, .j8f34 {
    grid-template-columns: 1fr;
  }
}
.g4c85 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
  box-shadow: var(--shadow-sm);
}

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

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

.a17f75fb:hover {
  opacity: 0.8;
}

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

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

.ifbd {
  display: none;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  margin-left: 2rem;
}

.fb2f4 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  white-space: nowrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

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

.g014 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: all var(--transition-fast);
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

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

.ob325 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: all var(--transition-fast);
  align-items: center;
  justify-content: center;
}

.n4f6 {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
}

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

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

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

.f7db {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  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;
  box-shadow: var(--shadow-lg);
}

.f7db.e848 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.f6b63 {
  padding: 1rem clamp(1rem, 4vw, 1.5rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-fast);
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.f6b63:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 5vw, 2rem);
}

.g084 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem clamp(1rem, 4vw, 1.5rem);
  margin: 1rem clamp(1rem, 4vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-fast);
  display: block;
  flex-shrink: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

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

@media (min-width: 768px) {
  .l54add {
    height: 4.5rem;
  }

  .ifbd {
    display: flex;
  }

  .ob325 {
    display: none;
  }

  .f7db {
    display: none;
  }
}

@media (min-width: 1024px) {
  .l54add {
    height: 5rem;
  }

  .fb2f4 {
    font-size: 1rem;
  }

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

@media (max-width: 767px) {
  .ifbd {
    display: none !important;
  }
}

    .b96c {
  font-family: var(--font-primary, 'Open Sans', sans-serif);
}

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

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

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

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

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

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

.p1578 {
  padding: clamp(0.625rem, 1vw, 1rem) clamp(1rem, 2vw, 2rem);
  border-radius: var(--radius-md, 8px);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all 0.3s ease;
  text-align: center;
  border: none;
  cursor: pointer;
}

.gc276 {
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
}

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

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

.h9b7:hover {
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
  transform: translateY(-2px);
}

.h700b0 {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 350px;
}

.p314 {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1;
  border-radius: 45% 55% 52% 48% / 48% 45% 55% 52%;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

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

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

  .p518a7 {
    flex: 1 1 100%;
  }

  .h700b0 {
    flex: 1 1 100%;
    min-height: 300px;
  }

  .p314 {
    max-width: 300px;
  }

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

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

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

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

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

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

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

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

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

.gd18ee {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

.o78f7 {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
  border-radius: var(--radius-md, 8px);
  flex-shrink: 0;
}

.o78f7 i {
  font-size: 1.25rem;
}

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

.i71df6b {
  flex: 1 1 45%;
  position: relative;
}

.b48320 {
  position: relative;
  width: 100%;
  max-height: 450px;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

.of91b3e2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(126, 34, 206, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.b48320:hover .of91b3e2 {
  opacity: 1;
}

.of91b3e2 i {
  font-size: 3rem;
  color: #ffffff;
}

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

  .jee {
    flex: 1 1 100%;
  }

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

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

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

.ef0ed {
  flex: 0 1 40%;
  max-height: 500px;
}

.k386da5b {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg, 12px);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

.ga2 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 3vw, 1.5rem);
  border-radius: var(--radius-md, 8px);
  border-left: 4px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.3s ease;
}

.ga2:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transform: translateX(4px);
}

.af81 {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
  border-radius: var(--radius-md, 8px);
}

.af81 i {
  font-size: 1.25rem;
}

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

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

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

  .ef0ed {
    flex: 1 1 100%;
    max-height: 300px;
  }

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

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

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

.gde {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h90afd {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md, 8px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

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

.h70 {
  display: inline-flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
  border-radius: var(--radius-md, 8px);
}

.h70 i {
  font-size: 1.5rem;
}

.e6956 {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: #ffffff;
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jbdfceb {
  font-size: clamp(0.8125rem, 0.9vw, 1rem);
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .h90afd {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
  }
}

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

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

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

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

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

.i6975 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 2rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 3px solid var(--color-primary);
  padding-left: clamp(1.5rem, 3vw, 2rem);
}

.l61 {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 700;
  color: var(--color-primary);
  min-width: 60px;
  flex-shrink: 0;
}

.j0b6 {
  flex: 1;
}

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

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

  .l61 {
    min-width: auto;
  }
}

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

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

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

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

.h4021 {
  flex: 1 1 calc(25% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md, 8px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.h4021:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.m6d3a78 {
  display: inline-flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 auto;
}

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

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

@media (max-width: 768px) {
  .h4021 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 150px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.m20b2f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h114e {
  flex: 1 1 calc(25% - 1rem);
  min-width: 200px;
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md, 8px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.h114e:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-4px);
}

.of518 {
  display: inline-flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
  border-radius: var(--radius-md, 8px);
}

.of518 i {
  font-size: 1.5rem;
}

.jff2 {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: #ffffff;
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h6f070a {
  font-size: clamp(0.8125rem, 0.9vw, 1rem);
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .h114e {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 150px;
  }
}

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

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

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

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

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

.kb320 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.cbb {
  display: inline-flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
  border-radius: var(--radius-md, 8px);
}

.cbb i {
  font-size: 1.5rem;
}

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

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

@media (max-width: 768px) {
  .kb320 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 150px;
  }
}

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

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

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

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

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

.ad3149fa {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 400px;
  position: relative;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  aspect-ratio: 16 / 9;
  transition: all 0.3s ease;
}

.cf1 {
  flex: 1 1 calc(66.666% - 1rem);
  min-width: 350px;
  max-width: 700px;
}

.m2eb0bd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
}

.m892fc0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.ad3149fa:hover .m892fc0 {
  transform: scale(1.05);
}

.i17 {
  position: relative;
  z-index: 2;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
  padding: clamp(1rem, 3vw, 1.5rem);
  color: #ffffff;
}

.g0d {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: #ffffff;
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 768px) {
  .ad3149fa {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
    max-width: 300px;
  }

  .cf1 {
    flex: 1 1 100%;
    min-width: 200px;
    max-width: 100%;
  }
}

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

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

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

.nbac62 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p1112797 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m6bf35 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.dbe4e5d {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

.dbe4e5d.lcdeed {
  display: none;
}

.b0356a4 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex: 1;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.je4feaa {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.g94fc,
.ia20c53 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(0.75rem, 1.5vw, 1.25rem);
  border: none;
  border-radius: var(--radius-md, 6px);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.g94fc {
  background: var(--color-primary);
  color: var(--color-text-on-accent, #ffffff);
}

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

.ia20c53 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
}

.ia20c53:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(241, 245, 249, 0.5);
}

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

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

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

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

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

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

.naac4c {
  max-width: 500px;
}

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

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

.bf0,
.f3a630,
.m4d8a6e {
  display: block;
}

.bf0 h4,
.f3a630 h4,
.m4d8a6e h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.1875rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

.i0b0024d,
.g57a3d {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
}

.i0b0024d li,
.g57a3d li {
  margin: 0;
}

.bf0 a,
.m4d8a6e a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f3e4890 {
  display: block;
}

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

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

.cedf2c0 {
  display: block;
}

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

.l0c8 {
  display: block;
}

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

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

  .naac4c {
    flex: 0 1 100%;
    max-width: 550px;
  }

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

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

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

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

@media (min-width: 1024px) {
  .e8017 {
    gap: clamp(3rem, 6vw, 5rem);
  }

  .naac4c {
    flex: 0 1 auto;
    max-width: 600px;
  }

  .i0b0024d,
  .g57a3d {
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
  }
}
    

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

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

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

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

.ce66 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.oe6 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

.h74 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 300px;
  max-width: 500px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: all 0.3s ease;
}

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

.kbb8d1 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-sm);
  margin: calc(-1.5rem - 3vw) calc(-1.5rem - 3vw) 0 calc(-1.5rem - 3vw);
  max-width: calc(100% + 3rem + 6vw);
}

.n72 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o8620 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  padding: clamp(0.75rem, 1vw, 1rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.dc2ef,
.he69e36,
.ga0 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.dc2ef i,
.he69e36 i,
.ga0 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.da384 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.25rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-sm);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.da384:hover {
  background: var(--color-accent-hover);
  opacity: 0.95;
}

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

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

.oc77 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: rgba(255, 255, 255, 0.05);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-sm);
}

.g36862b6 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-light);
  line-height: 1.6;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o24 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ca72 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .ce66,
  .oe6 {
    flex: 1 1 100%;
  }

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

  .a815f4 {
    flex-direction: column;
  }
}

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

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

@media (min-width: 1024px) {
  .h74 {
    flex: 1 1 calc(50% - 1.25rem);
  }

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.if7 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  flex-wrap: wrap;
}

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

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

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

.cc1 {
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  box-shadow: 0 4px 20px rgba(46, 16, 101, 0.08);
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  max-width: 100%;
  width: 100%;
}

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

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

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

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

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

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

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

.k2c5e96a {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 0.5rem;
  display: block;
}

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

.hac {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.p4ad7 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k515d li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25rem;
}

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

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

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

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

.hf3a {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

.o3a12 {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(46, 16, 101, 0.06);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.o3a12:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 20px rgba(46, 16, 101, 0.12);
}

.j4cd1 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

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

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

.ed58d0 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p79bea8c {
  background: var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
}

.kad {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-on-accent);
  font-weight: 600;
}

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

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

@media (max-width: 1023px) {
  .cc1 {
    flex-direction: column;
    gap: 1.5rem;
  }

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

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

  .ebf,
  .gddf,
  .i237 {
    flex-direction: column;
    gap: 1.5rem;
  }

  .h76bb,
  .h9603a,
  .a9e1df1,
  .lbc6,
  .i8c65c6f,
  .fe6f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i8c65c6f {
    order: 0;
  }

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

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

  .o6c48 {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .cc1 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

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

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

  .f19cb0 {
    flex-direction: column;
  }

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

  .i0bcd4 {
    font-size: 1.25rem;
  }

  .p79bea8c {
    padding: 1.25rem 1rem;
  }
}

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

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

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

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

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

.of1fdab {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.db5 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

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

.fe1a {
  flex: 1 1 50%;
  padding: clamp(2rem, 4vw, 3rem);
}

.f99f0 {
  flex: 1 1 50%;
  max-height: 400px;
  overflow: hidden;
}

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

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

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

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

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

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

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

  .fe1a,
  .f99f0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

.ieb9c9e5 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

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

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

.oaa59b23 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

  .d483d79,
  .l133c {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.m7d {
  flex: 1;
}

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

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

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

  .m64 i {
    font-size: 1.25rem;
  }
}

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

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

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

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

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

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

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

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

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

.e5956:hover .id292db {
  transform: scale(1.05);
}

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

.a04 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

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

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

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

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

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

.f561 {
  flex: 1;
}

.l132bb {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0 0 0.25rem 0;
}

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

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

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

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

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

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

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

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

.bb153ca2 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

.n662092 {
  color: #e0e0e0;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.7;
}

.ifaa832 {
  margin-top: clamp(2rem, 4vw, 3rem);
  display: flex;
  justify-content: center;
}

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

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

@media (max-width: 768px) {
  .ka2a6f {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

.d03388a4 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  box-shadow: 0 2px 8px rgba(126, 34, 206, 0.08);
  overflow: hidden;
}

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

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

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

.g4ddaf9 {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.d883 i {
  color: var(--color-accent);
  width: 16px;
  height: 16px;
}

.cbfb88 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

.ic6ab {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

.g67 {
  list-style: none;
  padding: 0;
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

.o3ced::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--color-accent);
  border-radius: 50%;
}

.g7bfc {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

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

.gd0aa6 {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  border-radius: 50%;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

.oc2eb3bc {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

.m252b43 {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-muted);
  text-align: center;
  line-height: 1.6;
}

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

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

.c29:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(126, 34, 206, 0.15);
}

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

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

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

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

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

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

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

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

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

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

.a604 {
  flex-shrink: 0;
  width: clamp(100px, 15vw, 140px);
  height: clamp(100px, 15vw, 140px);
  overflow: hidden;
  border-radius: 50%;
  background: var(--color-bg-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

.b2c7488b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: clamp(0.375rem, 1vw, 0.75rem);
  transition: all 0.3s ease;
  border: 2px solid var(--color-accent);
  cursor: pointer;
  line-height: 1.5;
}

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

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

  .e88c,
  .cbfb88 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .de19f0 {
    flex-direction: column;
  }

  .ge7703d,
  .ic6ab {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e8ab3 {
    flex-direction: column;
  }

  .e6f,
  .g7bfc {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .he611e39 {
    flex-direction: column-reverse;
  }

  .oc2eb3bc,
  .a7d1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .ec24 {
    align-items: center;
  }

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

@media (max-width: 480px) {
  .a3fd1053 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .a7bf7 {
    flex-direction: column;
  }

  .oe46 {
    flex-direction: column;
  }

  .c29 {
    min-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.i90 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.j873e3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  display: inline-block;
  padding: 0.4rem 0.8rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

.b02ea175 {
  flex: 1 1 60%;
  max-width: 60%;
}

.d4f10 {
  flex: 1 1 40%;
  max-width: 40%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

.lb4e67e5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.g8d {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n02130fc {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  display: block;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.o3175e8 {
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.oa9 {
  color: var(--color-text-light);
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g8e {
  color: var(--color-text-light);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.m6b5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b9026690 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding: 1rem;
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

.b7f6fceb {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.l4ba {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

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

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

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

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

.f1fead {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bf4316d {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  margin-top: 1.5rem;
}

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

.f5e36 {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.pfa1e2e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h0869a {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
}

.m91096 {
  flex-shrink: 0;
  font-size: 1.5rem;
  display: block;
}

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

.c3d {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c598f {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d705 {
  color: var(--color-text-light);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hef8580 {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}

.pf73e {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  transition: background var(--transition-base);
}

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

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

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

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

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

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

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

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

.j75162b {
  text-align: center;
}

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

.k11bf {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

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

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

.b61 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

.be6 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

.n925bc {
  flex: 1 1 45%;
  min-width: 250px;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

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

  .be6,
  .n925bc {
    flex: 1 1 100%;
  }
}

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

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

.f0f263 {
  text-align: center;
}

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

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

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

.h3440b2d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 220px;
  background: var(--color-bg-card);
  border: 2px solid var(--color-bg-secondary);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  transition: all var(--transition-base);
}

.h3440b2d:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(126, 34, 206, 0.1);
}

.f941fc6 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

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

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

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

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

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

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

.dd1bcb8 {
  text-align: center;
}

.e36 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 700;
}

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

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

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

.nb4abc {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 80px;
  text-align: center;
}

.n7e6 {
  flex: 1;
  padding-top: clamp(0.25rem, 1vw, 0.5rem);
}

.n7e6 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: #ffffff;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

.g8a91daa {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.e15464 {
  background: var(--color-bg-primary);
  border-left: 5px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 8px;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.p81c9029 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin-bottom: 1.5rem;
  line-height: 1.7;
  font-family: var(--font-heading);
  font-weight: 500;
}

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

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

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

.he8 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.oa8cb22b {
  font-size: 1.25rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.gf50 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.bb5726 p {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 0.75rem;
}

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

@media (max-width: 768px) {
  .ea7fa {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }

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

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

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

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

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

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

  .nb4abc {
    text-align: left;
  }

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

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

.l83990d0 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

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

.m08e9 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.l50adf7 {
  flex: 1 1 45%;
  min-height: 350px;
  max-height: 500px;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.15);
}

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

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

  .d2e,
  .l50adf7 {
    flex: 1 1 100%;
  }

  .l50adf7 {
    min-height: 250px;
  }
}

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

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

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

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

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

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

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

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

.p0d42f {
  flex: 1 1 auto;
  min-width: 180px;
  max-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 1rem;
  text-align: center;
  border: 1px solid var(--color-border);
  box-shadow: 0 4px 12px rgba(126, 34, 206, 0.08);
}

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

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

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

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

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

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

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

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

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

.l454 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 1rem;
  border: 1px solid var(--color-border-light);
  box-shadow: 0 4px 12px rgba(126, 34, 206, 0.08);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l454:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(126, 34, 206, 0.15);
  border-color: var(--color-accent);
}

.a5ca4 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

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

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

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

.d9ec0f9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  line-height: 1.2;
}

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

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

.cb48ef8e {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-muted);
  line-height: 1;
  min-width: 60px;
  text-align: center;
}

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

.l243d4 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: #ffffff;
  line-height: 1.3;
}

.k09f632 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.7;
}

.d5ba {
  margin-top: clamp(1rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--color-text-muted);
  border-radius: 0.5rem;
}

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

.e7a5 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #ffffff;
  line-height: 1.8;
  font-style: italic;
}

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

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

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

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

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

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

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

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

.g33f5395 i {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

  .a0bf6d,
  .a3b1a1 {
    flex: 1 1 100%;
  }
}

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

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

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

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

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

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

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

  .e0b .p1578 {
    width: 100%;
  }
}

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

  .d2e,
  .l50adf7 {
    flex: 1 1 100%;
  }

  .m4a3 {
    flex-direction: column;
  }

  .a0bf6d,
  .a3b1a1 {
    flex: 1 1 100%;
  }

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

  .cb48ef8e {
    min-width: auto;
  }
}

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

  .p0d42f {
    max-width: 100%;
  }

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

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

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

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

.ff4c2a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.cfe9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 768px) {
  .ob04 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ob04 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.h83911c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.l8a34d9e {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.f5a4d3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .f5a4d3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .f5a4d3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

.n9e203 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

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

.f6f9 {
  width: 100%;
  height: 220px;
  background-color: var(--color-bg-tertiary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

.e7f {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

.n76 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.abbb75 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex: 1;
}

.d7497 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-top: auto;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.la6e3fe5 {
  font-family: var(--font-primary);
  font-size: 0.85rem;
  color: var(--color-text-muted);
  font-weight: 500;
}

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

.gd88f8 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.k064019 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.j67bfe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.if8c3a4 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  line-height: 1.5;
}

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

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

@media (min-width: 768px) {
  .a8687 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a8687 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

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

.oa99e6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .g0b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .g0b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.hd4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.acfd8 {
  max-width: 1200px;
  margin: 0 auto;
}

.fd8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .fd8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .fd8 {
    grid-template-columns: repeat(2, 1fr);
  }

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

.o64b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.o64b:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.c027b {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 28px;
  color: var(--color-primary);
}

.k16c9089 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.3;
}

.n7e09e {
  font-size: clamp(0.9rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.p093811 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: var(--transition-fast);
  border: 2px solid var(--color-primary);
  text-align: center;
  width: fit-content;
}

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

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

.ea87e002 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.ge810ac8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.f041e6 {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.o753f {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

@media (min-width: 768px) {
  .o96cd510 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .o96cd510 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.i0d075e5 .b70c178c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.i0d075e5 .cfbb81 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.i0d075e5 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.i0d075e5 .a18 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.i0d075e5 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.i0d075e5 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.i0d075e5 ul,
.i0d075e5 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

.i0d075e5 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.i0d075e5 .ibbb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.i0d075e5 .ibbb h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.i0d075e5 .ibbb p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.i0d075e5 .oecb6e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

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

.i0d075e5 .dd34c6 {
  font-weight: 600;
  color: var(--color-text-primary);
  display: inline;
}

@media (min-width: 768px) {
  .i0d075e5 .cfbb81 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i0d075e5 .b70c178c {
    padding: 0 var(--spacing-lg);
  }

  .i0d075e5 .cfbb81 {
    padding: var(--spacing-4xl) 0;
  }
}

.n5f244e {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md) 0;
}

.m2ea {
  width: 100%;
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.cfbb81 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.ka57 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.h03 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  margin-bottom: var(--spacing-sm);
  animation: icon-scale 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.h03 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  letter-spacing: -0.02em;
}

.h602d {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.6;
}

.jec {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  line-height: 1.8;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ccf140 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base) ease;
  margin-top: var(--spacing-md);
  white-space: nowrap;
}

.ccf140:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ccf140:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ccf140:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes icon-scale {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(-10deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@media (min-width: 640px) {
  .m2ea {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .h03 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-md);
  }

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

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

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

@media (min-width: 1024px) {
  .m2ea {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .h03 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-lg);
  }

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

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

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

  .ccf140 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    margin-top: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .h03 {
    animation: none;
  }

  .ccf140 {
    transition: none;
  }
}

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

.c67ec {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.fc41 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.cfbb81 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.jd895 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.k619 {
  margin-bottom: var(--spacing-2xl);
  perspective: 1000px;
}

.mcf5 {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  animation: floatBike 3s ease-in-out infinite;
}

.e08f48 {
  width: 100%;
  height: 100%;
  color: var(--color-primary);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.a844 {
  font-size: clamp(3rem, 12vw, 6rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: var(--spacing-md);
  letter-spacing: -2px;
  line-height: 1;
}

.pde65 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.o1f278fc {
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.fb919c {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
}

.p1578 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

.ccf140 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

.ae827a {
  padding: var(--spacing-md) var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.cd3f {
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  margin-top: var(--spacing-2xl);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.h27e {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-sm);
  max-width: 500px;
  margin: 0 auto;
}

.h27e li {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 0.95vw, 1rem);
  text-align: left;
  transition: all var(--transition-fast);
}

.h27e li:hover {
  background-color: var(--color-bg-secondary);
  border-left-color: var(--color-secondary);
  transform: translateX(4px);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floatBike {
  0%, 100% {
    transform: translateY(0px) rotateZ(0deg);
  }
  50% {
    transform: translateY(-15px) rotateZ(2deg);
  }
}

@media (min-width: 480px) {
  .fc41 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .mcf5 {
    width: 140px;
    height: 140px;
  }

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

@media (min-width: 768px) {
  .fc41 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .mcf5 {
    width: 160px;
    height: 160px;
    margin-bottom: var(--spacing-3xl);
  }

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

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

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

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

  .h27e li {
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fc41 {
    padding: var(--spacing-4xl) var(--spacing-xl);
    min-height: 100vh;
  }

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

  .mcf5 {
    width: 180px;
    height: 180px;
  }

  .h27e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }
}

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

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

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

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

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

.a7aa6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

.g34854a {
  width: 100%;
}

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

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

@media (min-width: 768px) {
  .ibd86677 {
    flex: 1 1 calc(50% - clamp(1rem, 2.5vw, 2rem));
    min-width: 300px;
  }
}

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

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

.l3d083 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.n8bdf22 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.pe7e3d,
.g2c7 {
  font-family: var(--font-primary);
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 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-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.pe7e3d::placeholder,
.g2c7::placeholder {
  color: var(--color-text-muted);
}

.pe7e3d:focus,
.g2c7:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.g2c7 {
  min-height: clamp(120px, 15vw, 180px);
  resize: vertical;
}

.ld30 {
  font-family: var(--font-primary);
  width: 100%;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: none;
}

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

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

.k66 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.5;
}

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

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

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

@media (min-width: 768px) {
  .g4353 {
    flex: 1 1 calc(50% - clamp(1rem, 2.5vw, 2rem));
    min-width: 300px;
  }
}

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

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

.d27cff5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.d16 {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3rem);
  height: clamp(2.5rem, 4vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
}

.j45c9 {
  flex: 1;
  min-width: 0;
}

.i38ce015 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.35rem;
}

.icd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  line-height: 1.5;
  display: inline-block;
}

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

.bce81 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

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

.ie8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.5;
}

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

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

.l6ff {
  width: 100%;
}

.f1d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.lc80954 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

@media (min-width: 768px) {
  .lc80954 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .lc80954 {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 4vw, 3rem);
  }
}

.lf2 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.lf2:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

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

.b67 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

  .ibd86677,
  .g4353 {
    flex: 1 1 100%;
  }
}

@media (min-width: 1440px) {
  .be1,
  .n002,
  .fbd54 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.ob325,.baaef{width:34px;}
.ob325[aria-expanded="true"]{display:none;}
.f7db.e848{z-index:999;}
.f7db{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.f7db{max-width:100%;}}
.ifbd{justify-content:flex-end;}
@media (max-width:768px){.kbb8d1{min-height:500px;}}