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

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

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

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

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

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

  --font-primary: 'Nunito Sans', sans-serif;
  --font-heading: 'Albert Sans', sans-serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

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

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

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

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

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

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

button, .b8bfaeb5 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--color-primary);
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  text-decoration: none;
}

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

button:active, .b8bfaeb5:active {
  transform: translateY(0);
}

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

.fdd:hover {
  background: #9333ea;
}

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

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

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

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

.f7cf1 {
  width: 100%;
}

.b8bfaeb5:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.b8bfaeb5:disabled:hover {
  background: var(--color-primary);
  transform: none;
  box-shadow: none;
}

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

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

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

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

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

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

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

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

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

.j3ceb {
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

.ae2 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

.p18fbf {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  border-left: 4px solid;
}

.hecae80 {
  background: var(--color-success-light);
  color: var(--color-success);
  border-left-color: var(--color-success);
}

.kbd4d {
  background: var(--color-warning-light);
  color: #92400e;
  border-left-color: var(--color-warning);
}

.g7d8dc {
  background: var(--color-danger-light);
  color: #7f1d1d;
  border-left-color: var(--color-danger);
}

.d0925fd3 {
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-left-color: var(--color-primary);
}

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

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

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

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

.dd3bf8 {
  display: flex;
  gap: var(--spacing-lg);
}

.l4d66b {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
}

.lb718809 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-lg);
}

.f25 {
  flex-direction: column;
}

.dc0 {
  text-align: center;
}

.l8a738 {
  text-align: right;
}

.h2df8a {
  text-align: left;
}

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

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

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

.id5f41 {
  font-weight: 700;
}

.d04590 {
  font-weight: 600;
}

.adb {
  font-weight: 500;
}

.c4be { margin-top: var(--spacing-xs); }
.ka3601 { margin-top: var(--spacing-sm); }
.k0899115 { margin-top: var(--spacing-md); }
.e1ac28 { margin-top: var(--spacing-lg); }
.lceb4 { margin-top: var(--spacing-xl); }
.c46434 { margin-top: var(--spacing-2xl); }
.ccecb6 { margin-top: var(--spacing-3xl); }

.a301c9cf { margin-bottom: var(--spacing-xs); }
.of55dd0 { margin-bottom: var(--spacing-sm); }
.b3e8f { margin-bottom: var(--spacing-md); }
.gf89fc85 { margin-bottom: var(--spacing-lg); }
.l70 { margin-bottom: var(--spacing-xl); }
.o6af8fd { margin-bottom: var(--spacing-2xl); }
.nd2b0fe { margin-bottom: var(--spacing-3xl); }

.b798cb { padding-top: var(--spacing-xs); }
.p42b277 { padding-top: var(--spacing-sm); }
.f9aa99c { padding-top: var(--spacing-md); }
.i7b695 { padding-top: var(--spacing-lg); }
.c03cd15 { padding-top: var(--spacing-xl); }
.i08ce { padding-top: var(--spacing-2xl); }
.ebe6 { padding-top: var(--spacing-3xl); }

.b06d5 { padding-bottom: var(--spacing-xs); }
.f01a872 { padding-bottom: var(--spacing-sm); }
.ea1125 { padding-bottom: var(--spacing-md); }
.b9d0a3 { padding-bottom: var(--spacing-lg); }
.c2d9c { padding-bottom: var(--spacing-xl); }
.fecf3d { padding-bottom: var(--spacing-2xl); }
.dabb00a { padding-bottom: var(--spacing-3xl); }

.a91d46 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.e20936e { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.b77e9 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.b816f61b { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.nd9f9322 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }
.fe33 { padding-left: var(--spacing-2xl); padding-right: var(--spacing-2xl); }

.h27ecd { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.d22f8 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.h364 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.m35694 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.p5e83 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.f6471e5 { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.peda { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }

.c8893b6d { gap: var(--spacing-xs); }
.ff446f50 { gap: var(--spacing-sm); }
.od4e19 { gap: var(--spacing-md); }
.c47fb { gap: var(--spacing-lg); }
.mbff66b { gap: var(--spacing-xl); }
.d829b { gap: var(--spacing-2xl); }

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .n171d, .l988fe4e, .d5ca {
    grid-template-columns: 1fr;
  }

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

  .dd3bf8 {
    flex-direction: column;
  }

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

  button, .b8bfaeb5 {
    width: 100%;
  }
}

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

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

  input, textarea, select {
    padding: var(--spacing-md);
  }
}
.i6dc69 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  overflow: visible;
}

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

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

.h401c4a8:hover {
  opacity: 0.85;
}

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

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

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

.eec {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  transition: color var(--transition-base);
  white-space: nowrap;
}

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

.b0f {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.m1e1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  gap: 5px;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.m1e1:hover {
  transform: scale(1.05);
}

.m7253c9 {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  display: block;
  transition: all var(--transition-base);
  box-shadow: 0 8px 0 0 var(--color-text-primary), 0 16px 0 0 var(--color-text-primary);
}

.m1e1.f608ed0 .m7253c9 {
  background: transparent;
  box-shadow: none;
}

.m1e1.f608ed0 .m7253c9::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transform: rotate(45deg);
}

.m1e1.f608ed0 .m7253c9::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transform: rotate(-45deg);
}

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

.ea256b.f608ed0 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.fefecd3:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

  .b0f {
    display: block;
  }

  .m1e1 {
    display: none;
  }

  .ea256b {
    display: none !important;
  }
}

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

  .b0f {
    padding: 0.75rem 1.5rem;
  }
}

@media (max-width: 767px) {
  .m7253c9::before,
  .m7253c9::after {
    position: relative;
  }
}

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

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

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

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

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

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

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

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

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

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

.b8bfaeb5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
}

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

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

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

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

.g67dacbe {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  min-height: 350px;
}

.m389 {
  flex: 2 1 60%;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

.f4d {
  flex: 1 1 35%;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45%;
  height: auto;
  max-height: 250px;
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  background: var(--color-bg-card);
}

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

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

  .mcb4c56 {
    flex: 1 1 100%;
  }

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

  .f4d {
    position: static;
    width: 40%;
    margin-top: 1rem;
  }
}

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

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

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

.o32dcdc {
  flex-direction: row-reverse;
}

.p0d80 {
  flex: 1 1 45%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

.g255::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 0.75rem;
  font-weight: bold;
}

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

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

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

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

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

.kd2 {
  text-align: center;
}

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

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

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

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

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

.e83 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

.b5617 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

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

.mb2f10 {
  text-align: center;
}

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

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

.l428 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-bg-card);
}

.b8c5b3c {
  display: flex;
  flex-direction: row;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
}

.b8c5b3c:last-child {
  border-bottom: none;
}

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

.b975b7 {
  flex: 1 1 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
}

.o2c002 {
  flex: 1.5 1 25%;
  text-align: left;
  font-weight: 600;
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
}

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

.o779599 {
  background: var(--color-bg-tertiary);
  font-weight: 600;
}

.ff8 {
  color: var(--color-success);
  font-size: 1.5rem;
}

.k8f {
  color: var(--color-danger);
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .b975b7 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
    padding: 0.75rem;
    min-height: 50px;
  }
}

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

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

.c70113 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.i88b3aae {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hb98ee {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  width: 100%;
  box-shadow: var(--shadow-sm);
}

.d7300 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-bottom: 2px solid var(--color-border-light);
  padding-bottom: 1rem;
}

.d7300:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

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

.ldc {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1.3;
}

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

  .m7ef5 {
    flex: 1 1 100%;
  }

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

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

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

.oabc6348 {
  text-align: center;
}

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

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

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

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

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

.gba3 {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

.n74f:hover .gba3 img {
  transform: scale(1.05);
}

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

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

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

.ka49d {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

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

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

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

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

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

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

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

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

  .b8bfaeb5 {
    width: 100%;
  }
}

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

.cc1.i989 {
  display: none;
}

.g1ca3c {
  color: #ffffff;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  margin: 0;
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
}

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

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

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

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

.b4d9e3a5 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.b4d9e3a5:hover {
  border-color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.1);
}

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

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

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

  .i56,
  .b4d9e3a5 {
    flex: 1 1 100%;
  }
}

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

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

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

.d5e8154 {
  display: block;
}

.d5e8154 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.5px;
}

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

.k5c7e92 {
  display: block;
}

.k5c7e92 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.5px;
}

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

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

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

.fe7818dc {
  display: block;
}

.fe7818dc h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.5px;
}

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

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

.j7e58a {
  display: block;
}

.j7e58a h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.5px;
}

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

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

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

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

.ha94e8 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k97baa {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .d5e8154 {
    flex: 1 1 300px;
  }

  .k5c7e92 {
    flex: 0 1 auto;
  }

  .fe7818dc {
    flex: 0 1 auto;
  }

  .j7e58a {
    flex: 0 1 auto;
  }

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

@media (min-width: 1024px) {
  .od5 {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: clamp(2rem, 5vw, 4rem);
    align-items: start;
  }

  .j4e17 {
    grid-column: 1 / -1;
  }
}
    

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

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

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

.if62617b {
  width: 100%;
  max-width: 600px;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

.hce {
  display: none;
}

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

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

.l00908d3 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.f88f8a1 {
  width: 100%;
  overflow-x: auto;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  background: var(--color-bg-card);
}

.i890fe {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

.i890fe th {
  padding: clamp(1rem, 2vw, 1.5rem);
  text-align: left;
  font-weight: 700;
  color: var(--color-text-primary);
  border-bottom: 2px solid var(--color-border);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hf66a {
  min-width: 120px;
}

.jf418 {
  min-width: 200px;
}

.g87 {
  min-width: 180px;
}

.i890fe tbody tr {
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base);
}

.i890fe tbody tr:hover {
  background: var(--color-bg-tertiary);
}

.i890fe td {
  padding: clamp(0.875rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

.n3d1 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 420px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

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

.naa {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h16a i {
  color: var(--color-primary);
  font-size: 0.875rem;
}

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

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

.g74e5330::after {
  content: '';
  display: inline-block;
  transition: transform var(--transition-base);
}

.g74e5330:hover::after {
  transform: translateX(4px);
}

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

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

  .i890fe {
    font-size: 0.8125rem;
  }

  .i890fe th,
  .i890fe td {
    padding: 0.75rem;
  }

  .hf66a,
  .jf418,
  .g87 {
    min-width: 100px;
  }

  .if62617b {
    aspect-ratio: 3/2;
  }
}

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

@media (min-width: 1024px) {
  .acbcd19 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .p70dfc {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .i5353b {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .n3d1 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 2rem));
    min-width: 300px;
  }

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

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

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

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

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

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

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

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

.m83e27f {
  display: block;
  background: var(--color-bg-primary);
}

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

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

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

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

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

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

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

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

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

.f5530 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

  .c5a6e797,
  .c5b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h2e0742 {
    padding: clamp(1rem, 3vw, 2rem);
  }
}

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

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

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

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

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

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

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

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

  .m9cb63,
  .be0c8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.c8712a li {
  margin-bottom: 0.75rem;
}

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

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

  .h354,
  .k4f9e9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.k2ca4 {
  flex: 1;
}

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

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

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

  .l8b9 {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

.o9d89 li {
  margin-bottom: 0.75rem;
}

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

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

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

  .e75d3ec,
  .bb91e2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.n1082b9 li {
  margin-bottom: 0.75rem;
}

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

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

  .n98ce06c,
  .j98ba {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.ia3bd71 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  line-height: 1.7;
  text-align: center;
}

.mfc2 {
  background: var(--color-accent-light);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

.ceffe1 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  margin-bottom: 0.75rem;
}

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

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

.kdd:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

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

.eb4975 {
  flex-shrink: 0;
}

.o4fab {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.h030 {
  flex: 1;
}

.ha8b49 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  margin-bottom: 0.25rem;
  font-weight: 700;
}

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

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

.p71fb050 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

  .eb4975 {
    margin: 0 auto;
  }
}

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

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

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

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

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

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

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

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

.g0f:hover .bf6e {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

  .h2e0742 {
    padding: 1rem;
  }

  .of61d52 {
    padding: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.n977 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
}

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

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

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

.p9d827 {
  background: var(--color-accent-light);
  color: var(--color-accent);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-weight: 600;
}

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

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

.g27 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 0;
}

.eb475 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

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

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

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

.jd0 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.jd0 p {
  font-size: clamp(0.95rem, 2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.iaf {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
}

.m64efe3 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

.oc7e142,
.ha8ef2,
.iefb8adf,
.e7acfd,
.g5c1 {
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.oc7e142,
.iefb8adf,
.g5c1 {
  background: var(--color-bg-tertiary);
}

.ha8ef2,
.e7acfd {
  background: var(--color-bg-secondary);
}

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

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

.h75d0 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

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

.md5ae336 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.2rem);
  color: var(--color-text-primary);
  margin-bottom: 1.25rem;
  line-height: 1.3;
}

.f450981 {
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

.gd381eaa {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  margin: 1.25rem 0;
  font-style: italic;
  line-height: 1.7;
}

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

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

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

.jcdad5 {
  flex: 1;
}

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

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

.l33 {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ha12b {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  text-align: center;
}

.a28 {
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.f867 {
  background: var(--color-accent-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-accent);
  font-weight: 600;
  line-height: 1.8;
  margin-top: 1rem;
}

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

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

.lcb {
  flex-shrink: 0;
}

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

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

.n30fa4 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 0;
}

.fbd85a {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

.o0f1530 {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

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

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

.pfa {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

  .geafe5,
  .eb475 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .eb475 {
    aspect-ratio: 16 / 9;
  }

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

  .j8c7,
  .h75d0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .b074b655 {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }

  .lcb {
    margin: 0 auto;
  }

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

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

@media (max-width: 640px) {
  .m81b {
    gap: 0.5rem;
  }

  .p9d827 {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }

  .da78 {
    font-size: 0.8125rem;
  }

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

* {
  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);
  line-height: 1.6;
}

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

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

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

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

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

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

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

.n48671 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

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

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

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

.ie47c {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
}

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

.a96 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.a8b88 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1rem;
}

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

.m3d8a0 i {
  color: var(--color-accent);
  width: 18px;
  height: 18px;
}

.odd872 {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 450px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

  .a96,
  .odd872 {
    flex: 1 1 100%;
  }

  .odd872 {
    min-height: 250px;
    max-height: 350px;
  }
}

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

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

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

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

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

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

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

.h1ceec i {
  color: var(--color-accent);
  font-size: 2rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.h7a5c27d {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

.i0721 {
  background: var(--color-bg-tertiary);
  padding: 1.5rem;
  border-radius: var(--radius-lg);
  border-left: 3px solid var(--color-accent);
}

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

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

.keb89c3 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

  .h7a5c27d,
  .keb89c3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .keb89c3 {
    min-height: 250px;
    max-height: 300px;
  }
}

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

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

.k5e i {
  color: var(--color-accent);
  font-size: 1.5rem;
  min-width: 24px;
  margin-top: 0.25rem;
}

.f99a4237 {
  flex: 1;
}

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

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

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

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

.a22f0cea {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.me2bb6af {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.g31ebc18 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding: 1.5rem;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  align-items: flex-start;
}

.jcbfbd1 {
  color: var(--color-accent);
  font-size: 1.75rem;
  font-weight: 700;
  min-width: 40px;
  text-align: center;
}

.hb50 {
  flex: 1;
}

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

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

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

  .a22f0cea,
  .me2bb6af {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a22f0cea {
    min-height: 250px;
    max-height: 300px;
  }
}

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

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

.a66 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.e7d4 {
  background: var(--color-bg-card);
  padding: 1.5rem;
  border-radius: var(--radius-lg);
  border-left: 3px solid var(--color-warning);
  box-shadow: var(--shadow-sm);
}

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

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

.b4b1b7d {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

  .a66,
  .b4b1b7d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b4b1b7d {
    min-height: 250px;
    max-height: 300px;
  }
}

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

.l89f60 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 900px;
  margin: 0 auto;
}

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

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

.fd778109 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin-top: 1rem;
  padding: 1.5rem;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
}

.m1f11bc {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  font-weight: 500;
  padding: 1.5rem;
  background: var(--color-accent-light);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-lg);
}

.p35b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}

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

.de234 i {
  color: var(--color-success);
  font-size: 1.5rem;
  min-width: 24px;
  margin-top: 0.25rem;
}

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

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

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

.i5015b {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .i5015b {
    flex-shrink: 0;
  }
}

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

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

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

.f2ab1f73 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f081d,
  .f9389a72 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b61f {
  flex: 1 1 65%;
  max-width: 65%;
}

.i2e39 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 2rem;
}

.g79ed {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.pb40 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

.db4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.7;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

.b38fc78b {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

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

.hc134 {
  flex: 1;
  padding-top: 0.25rem;
}

.m7d1ab {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.m8db1 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  margin: 0;
}

.df6e {
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.pa2e05 {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-card) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

.ca48f {
  flex: 1;
}

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

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

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

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

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

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

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

.j7b {
  margin-top: clamp(2.5rem, 5vw, 4rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
}

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

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

.a82d {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

.pf8c6 {
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.c9696d {
  color: var(--color-text-on-accent);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.5;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  opacity: 0.95;
}

.o487cea {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  text-decoration: none;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: all var(--transition-base);
}

.o487cea:hover {
  background: var(--color-bg-card);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.caca459a {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
}

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

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

.cb9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  line-height: 1.5;
}

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

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

.j8308 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  line-height: 1.6;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.fe4c9cd2 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: 0.6rem 1.25rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
}

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

.bf6f {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.c952 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.85rem);
  font-weight: 500;
}

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

  .b61f,
  .i2e39 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i2e39 {
    position: static;
  }
}

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

  .ae4e,
  .n67b {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.c136a7 {
  flex-shrink: 0;
}

.c136a7 img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.la0831 {
  flex: 1;
}

.lc3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  margin-bottom: 0.35rem;
}

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

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

.ncb89 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.l41f {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

.kc3c {
  text-align: center;
}

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

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

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

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

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

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

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

.h11a7595:hover .lc9 img {
  transform: scale(1.05);
}

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

.haf {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

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

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

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

.ia2ed8c {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: 0.65rem 1.35rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

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

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

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

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

    .i08745d {
      font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
      color: var(--color-text-secondary);
      max-width: 600px;
      line-height: 1.6;
    }

    .iad5 {
      width: 100%;
      max-width: 700px;
      height: auto;
      border-radius: 12px;
      object-fit: cover;
    }

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

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

    .gedd {
      text-align: center;
    }

    .bd52c24c {
      font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
      color: var(--color-primary);
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

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

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

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

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

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

    .d8a5d4 {
      flex: 1 1 50%;
      width: 100%;
      height: auto;
      border-radius: 12px;
      object-fit: cover;
      max-height: 450px;
    }

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

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

    .od39491 {
      text-align: center;
    }

    .e7d {
      font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
      color: var(--color-primary);
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

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

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

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

    .acc {
      flex: 1 1 calc(50% - 1.25rem);
      min-width: 250px;
      max-width: 400px;
      background: var(--color-bg-card);
      padding: clamp(1.5rem, 3vw, 2.5rem);
      border-radius: 12px;
      border: 1px solid var(--color-border-light);
      box-shadow: var(--shadow-sm);
      transition: all 0.3s ease;
    }

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

    .b2b {
      font-size: 2.5rem;
      color: var(--color-primary);
      margin-bottom: 1rem;
    }

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

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

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

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

    .b156b7c {
      text-align: center;
    }

    .pa1f24bb {
      font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
      color: var(--color-primary);
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

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

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

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

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

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

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

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

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

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

    .f33ea {
      flex: 1 1 50%;
      width: 100%;
      height: auto;
      border-radius: 12px;
      object-fit: cover;
      max-height: 450px;
    }

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

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

    .e40fac8 {
      display: flex;
      flex-direction: row;
      gap: 0.75rem;
      align-items: flex-start;
    }

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

    .a5019 {
      font-family: var(--font-heading);
      font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
      color: var(--color-text-primary);
      font-weight: 700;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

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

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

      .d8a5d4,
      .f33ea {
        max-height: 300px;
      }

      .acc {
        flex: 1 1 100%;
      }

      .paf8e {
        text-align: center;
      }

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

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

      .acc {
        flex: 1 1 100%;
      }

      .c3c {
        gap: 0.75rem;
      }
    }

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .ja93bdb {
    flex-direction: row;
    align-items: center;
    gap: clamp(3rem, 6vw, 5rem);
  }
}

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

.b747 {
  flex: 1 1 45%;
  width: 100%;
  min-height: 300px;
}

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

.a5e {
  display: flex;
  gap: var(--spacing-sm);
}

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

.k62 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.1;
}

.p1717b0 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.e1db36 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.e1db36 i {
  color: var(--color-accent);
  font-size: 1.2em;
}

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

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

.kb532 {
  text-align: center;
}

.j3fa4 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

.k89f89 p {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.8;
}

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

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

.ge26fd {
  text-align: center;
}

.ia74c {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

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

@media (min-width: 768px) {
  .afee6e0 {
    flex-direction: row;
    justify-content: center;
    gap: clamp(2rem, 4vw, 3rem);
  }
}

.m0ddd {
  flex: 1 1 280px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

.ad30b {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.p63fc9d {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

.mee0 {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .l87 {
    flex-direction: row;
    gap: clamp(2.5rem, 4vw, 3.5rem);
  }
}

.b228c17 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.d1cc3b {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  font-size: 1.75rem;
  color: var(--color-accent);
}

.h490 {
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

.p38 {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .o111c3 {
    flex-direction: row;
    gap: clamp(2rem, 4vw, 2.5rem);
  }
}

.o2d {
  flex: 1 1 30%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

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

.k61841 {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

.fb1a8fe {
  text-align: center;
}

.p1ef0a3a {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

.gc40943 {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2rem);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  justify-content: center;
}

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

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

.h2455d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: clamp(1.5rem, 3vw, 2rem);
}

.fa9 {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.5;
}

.m6c {
  font-size: clamp(0.85rem, 1.5vw, 0.975rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.lc0eb {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: var(--transition-base);
}

.lc0eb:hover {
  color: var(--color-accent-hover);
  gap: clamp(0.75rem, 1vw, 1rem);
}

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

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

.d623b44 {
  max-width: 700px;
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3.5rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.ae356df {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.k5fa6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
}

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

.a45330,
.h170836 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  transition: var(--transition-base);
  cursor: pointer;
  text-decoration: none;
  border: none;
}

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

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

.h170836 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

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

@media (min-width: 1024px) {
  .kf08 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .j573458,
  .g4dd2,
  .nd4,
  .d4311d,
  .e4e7739,
  .ne1d8 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

.hc29 {
  position: relative;
  padding: var(--spacing-lg) 0;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.k773e {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  position: relative;
  z-index: 2;
  text-align: center;
}

.b858c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.1;
}

.l277 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.5;
}

.e20f1 {
  width: 100%;
  height: auto;
  display: block;
  margin-top: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

@media (min-width: 768px) {
  .hc29 {
    padding: var(--spacing-2xl) 0;
  }

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

  .e20f1 {
    margin-top: var(--spacing-2xl);
    max-height: 400px;
  }
}

@media (min-width: 1024px) {
  .hc29 {
    padding: var(--spacing-3xl) 0;
  }

  .l277 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.ac2421 {
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.j2a7c {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

.af4242:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.g83c {
  width: 100%;
  padding: var(--spacing-md);
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
  text-align: left;
}

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

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

.mc20 {
  flex: 1;
}

.n4ab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-sm);
  font-size: 1.2rem;
  font-weight: 700;
  flex-shrink: 0;
  transition: transform var(--transition-base), background-color var(--transition-base);
}

.g83c[aria-expanded="true"] .n4ab {
  transform: rotate(45deg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.aa9 {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  animation: slideDown var(--transition-base) ease-out;
}

.aa9 p {
  margin: 0;
  color: var(--color-text-secondary);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .ac2421 {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

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

@media (min-width: 1024px) {
  .ac2421 {
    padding: var(--spacing-3xl) 0;
  }
}

.a72bcbd {
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.d1896 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.j232a7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

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

.f66cb {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.05rem);
  transition: background-color var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

@media (min-width: 768px) {
  .a72bcbd {
    padding: var(--spacing-2xl) 0;
  }

  .d1896 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: 0 var(--spacing-lg);
  }

  .kfbd {
    max-height: 350px;
    order: 2;
  }
}

@media (min-width: 1024px) {
  .a72bcbd {
    padding: var(--spacing-3xl) 0;
  }

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

  .d6678eb {
    max-width: 500px;
  }
}

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

.f3838bc3 {
  position: relative;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.p1804bd {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.md26d75 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.af0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
}

.i7c2ee {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  display: block;
  margin-top: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .f3838bc3 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .i7c2ee {
    max-height: 350px;
  }
}

@media (min-width: 1024px) {
  .f3838bc3 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .i7c2ee {
    max-height: 400px;
  }
}

.h52ee {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.a3462f7 {
  max-width: 1200px;
  margin: 0 auto;
}

.k79d85b0 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-3xl);
}

@media (min-width: 768px) {
  .k79d85b0 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .k79d85b0 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.e2b3c61a {
  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;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.e2b3c61a:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.b60838 {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
  color: var(--color-primary);
}

.b60838 svg {
  width: 24px;
  height: 24px;
  stroke-width: 2.5;
}

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

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

.fa838d19 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: auto;
}

.da347 {
  display: inline-block;
  font-size: 0.75rem;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-weight: 600;
}

.da85 {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.cf3 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
}

.mea {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

.af196f4 {
  text-align: center;
  padding: var(--spacing-lg);
}

.bb749 {
  width: 64px;
  height: 64px;
  background-color: var(--color-secondary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--spacing-md);
  color: var(--color-secondary);
}

.bb749 svg {
  width: 32px;
  height: 32px;
  stroke-width: 2;
}

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

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

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

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

.f9e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.o0c783 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.i35 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  border: none;
  cursor: pointer;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .h52ee {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .h52ee {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

.g05e .p37f0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g05e .c9442e {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.g05e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.g05e .o45c442 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.g05e 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);
  font-weight: 700;
}

.g05e h2:first-of-type {
  margin-top: var(--spacing-lg);
}

.g05e p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.g05e ul,
.g05e ol {
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-lg);
}

.g05e li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.g05e .b4b1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.g05e .b4b1 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.g05e .b4b1 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.g05e .b4b1 p strong {
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .g05e .c9442e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g05e .c9442e {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.j218 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.c15bd7 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.fbc39 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-2xl) 0;
}

.n92d27f5 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  align-items: center;
  justify-content: center;
}

.o86dec09 {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
  animation: slideInDown 0.6s ease-out;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.c0bec {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  animation: fadeIn 0.6s ease-out 0.1s both;
  letter-spacing: -0.02em;
}

.oe92954 {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-xl);
  animation: fadeIn 0.6s ease-out 0.2s both;
}

.i02 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  animation: fadeIn 0.6s ease-out 0.3s both;
}

.b1f755 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  animation: fadeIn 0.6s ease-out 0.4s both;
}

.b8bfaeb5 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  font-family: var(--font-primary);
  text-align: center;
  animation: fadeIn 0.6s ease-out 0.5s both;
}

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

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

.laf56:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .fbc39 {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .fbc39 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .i02 {
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  }

  .b1f755 {
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  }
}

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

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

.c0f7b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

.j290 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.c15bd7 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: center;
}

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

.n4d123 {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-lg);
}

.a519fe6e {
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

.l89 {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
  border-radius: var(--radius-full);
  opacity: 0.7;
}

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

.n6d3 {
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.c5196 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin: 0;
}

.ddd9 {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
  font-style: italic;
}

.b8bfaeb5 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  margin-top: var(--spacing-lg);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.3px;
}

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

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

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

.j25238 {
  width: 180px;
  height: 180px;
  margin-top: var(--spacing-lg);
  opacity: 0.4;
  animation: gentle-sway 4s ease-in-out infinite;
}

.a5ab {
  width: 100%;
  height: 100%;
  color: var(--color-primary);
}

@keyframes gentle-sway {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(2deg);
  }
}

@media (min-width: 640px) {
  .c0f7b {
    padding: var(--spacing-lg);
  }

  .a519fe6e {
    text-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
  }

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

  .j25238 {
    width: 220px;
    height: 220px;
  }
}

@media (min-width: 768px) {
  .c0f7b {
    padding: var(--spacing-xl);
  }

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

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

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

  .j25238 {
    width: 240px;
    height: 240px;
  }
}

@media (min-width: 1024px) {
  .c0f7b {
    padding: var(--spacing-2xl);
  }

  .a519fe6e {
    text-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
  }

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

@media (min-width: 1440px) {
  .p37f0 {
    padding: 0 var(--spacing-2xl);
  }
}

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

.ccb0c {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.i028c2ef {
  text-align: center;
}

.e21d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
}

.n80 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
  opacity: 0.95;
}

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

.a9f {
  width: 100%;
}

.h239 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.ee7c9 {
  flex: 1 1 350px;
  min-width: 0;
}

.c7a5 {
  flex: 1 1 350px;
  min-width: 0;
}

.l84 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xl) 0;
}

.j3bf930 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xl) 0;
}

.lae7f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.c2d1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.eeb460a {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.8vw + 0.65rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.m92,
.l5b0292 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.8vw + 0.7rem, 1rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
  width: 100%;
  box-sizing: border-box;
}

.m92:focus,
.l5b0292:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
}

.m92::placeholder,
.l5b0292::placeholder {
  color: var(--color-text-muted);
}

.l5b0292 {
  min-height: 140px;
  resize: vertical;
}

.a1ea660 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.7vw + 0.6rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.a301dfe {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.eedf {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.7rem, 1.05rem);
  font-weight: 700;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  width: 100%;
  box-sizing: border-box;
}

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

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

.me6fc35 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.e85 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.k93328 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.a0bf2 {
  flex: 1;
}

.c76c {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.7rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.fbf70ff6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.8vw + 0.7rem, 1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.6;
}

.accc9b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.a3d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.7vw + 0.6rem, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.b6efe {
  background-color: var(--color-primary-light);
  padding: var(--spacing-xl) var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.p30 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.7rem, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.h24e1d6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.8vw + 0.7rem, 1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.pd7 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.8vw + 0.7rem, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  padding-bottom: 2px;
  border-bottom: 2px solid var(--color-primary);
}

.pd7:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

@media (max-width: 768px) {
  .ccb0c {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

  .ee7c9,
  .c7a5 {
    flex: 1 1 100%;
  }
}

@media (min-width: 769px) {
  .ccb0c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .ccb0c {
    padding: 4rem var(--spacing-lg);
  }

  .n91 {
    padding: 4rem var(--spacing-lg);
  }
}
.m1e1,.l81207{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.ea256b{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ea256b{
    max-width: 100%;
  }
}

.ea256b.f608ed0{
  z-index: 999;
}

.c0c08{
  padding-top: 50px;
}

.m1e1[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .gba3 {
    aspect-ratio: 6 / 9;
  }
  .eb475 {
    aspect-ratio: 6 / 9;
  }
}