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

:root {
  --color-bg-primary: #fffef5;
  --color-bg-secondary: #fefce8;
  --color-bg-tertiary: #fef9c3;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #75716e;

  --color-primary: #ca8a04;
  --color-primary-hover: #a16207;
  --color-primary-light: #f4d89f;
  --color-primary-lighter: #fae8d4;

  --color-secondary: #eab308;
  --color-secondary-light: #fef3c7;
  --color-secondary-lighter: #fef9e7;

  --color-success: #16a34a;
  --color-success-light: #dcfce7;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #e8ddd9;
  --color-border-light: #f2ede8;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'DM Serif Display', serif;

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

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

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

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

  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.3px;
}

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

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

h1 {
  font-size: clamp(2rem, 6vw, 4rem);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: clamp(1.75rem, 5vw, 3rem);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

.lde46 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

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

.d50d13d2:hover {
  background: #d4a000;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

.na33aa:hover {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

.pa81fc {
  background: transparent;
  color: var(--color-text-primary);
  text-decoration: underline;
}

.pa81fc:hover {
  color: var(--color-primary);
}

.l0e:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

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

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

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

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

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

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

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

.nbb2d {
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  border: 1px solid;
  animation: slideIn var(--transition-base);
}

.o18 {
  background: var(--color-success-light);
  border-color: var(--color-success);
  color: var(--color-text-primary);
}

.j9a {
  background: var(--color-warning-light);
  border-color: var(--color-warning);
  color: var(--color-text-primary);
}

.g34356 {
  background: var(--color-danger-light);
  border-color: var(--color-danger);
  color: var(--color-text-primary);
}

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

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.i6c8 {
  animation: fadeIn var(--transition-base);
}

.aaf {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

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

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

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

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

.ld7e4bc {
  text-align: center;
}

.j25053c {
  text-align: left;
}

.pfaaa3 {
  text-align: right;
}

.lb3d0b {
  font-size: 0.875rem;
  line-height: 1.5;
}

.f2a6f {
  font-size: 0.75rem;
  line-height: 1.4;
}

.o23 {
  font-size: 1.125rem;
  line-height: 1.75;
}

.b357e52 {
  font-size: 1.25rem;
  line-height: 1.8;
}

.pd6c {
  font-weight: 400;
}

.aa51d {
  font-weight: 500;
}

.e9459 {
  font-weight: 600;
}

.f5f1c {
  font-weight: 700;
}

.j26 {
  display: flex;
}

.d8695 {
  flex-direction: column;
}

.e96 {
  flex-direction: row;
}

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

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

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

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

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

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

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

.g4b {
  display: grid;
}

.pc4e4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-lg);
}

.n7a5981 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-lg);
}

.od016c {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-lg);
}

.c80 {
  margin: 0;
}

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

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

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

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

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

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

.pe69 {
  margin-top: auto;
  margin-bottom: auto;
}

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

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

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

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

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

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

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

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

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

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

.jc5bd2a2 {
  padding: 0;
}

.b6acda {
  padding: var(--spacing-xs);
}

.icb {
  padding: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o32 {
  opacity: 0.5;
}

.p6994523 {
  opacity: 0.75;
}

.o82d2 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

.mc5 > * + * {
  border-top: 1px solid var(--color-border);
}

ul,
ol {
  margin-bottom: var(--spacing-lg);
  padding-left: var(--spacing-lg);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

blockquote {
  border-left: 4px solid var(--color-primary);
  padding-left: var(--spacing-lg);
  margin-left: 0;
  margin-bottom: var(--spacing-lg);
  color: var(--color-text-secondary);
  font-style: italic;
  line-height: 1.8;
}

code {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
}

pre {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
  border: 1px solid var(--color-border);
  line-height: 1.6;
}

pre code {
  background: transparent;
  color: inherit;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
}

th {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 600;
  border-bottom: 2px solid var(--color-border);
}

td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-secondary);
}

tr:last-child td {
  border-bottom: none;
}

hr {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: var(--spacing-xl) 0;
}

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

  h1 {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
  }

  h2 {
    font-size: clamp(1.375rem, 4vw, 2rem);
  }

  h3 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .pc4e4,
  .n7a5981,
  .od016c {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 480px) {
  :root {
    font-size: 15px;
  }

  .hc973e3 {
    padding: 0 var(--spacing-sm);
  }

  h1 {
    font-size: 1.75rem;
    margin-bottom: var(--spacing-md);
  }

  h2 {
    font-size: 1.5rem;
    margin-bottom: var(--spacing-md);
  }

  h3 {
    font-size: 1.25rem;
  }

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

  input,
  textarea,
  select {
    font-size: 16px;
  }
}
.m63f8ab {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.ef6f4d:hover {
  opacity: 0.8;
}

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

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

.jfd1 {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  justify-content: center;
}

.n368a7a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  position: relative;
  padding-bottom: 2px;
}

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

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

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

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

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

.oa1ba {
  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: all var(--transition-base);
}

.oa1ba:hover {
  opacity: 0.7;
}

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

.oa1ba.p10bf .f8db0a:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.oa1ba.p10bf .f8db0a:nth-child(2) {
  opacity: 0;
}

.oa1ba.p10bf .f8db0a:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.a2bd82b {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-secondary);
  box-shadow: var(--shadow-lg);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.a2bd82b.p10bf {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.caa26 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--color-border-light);
}

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

.nc7ae6a:hover {
  opacity: 0.7;
}

.fb0f {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex: 1;
}

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

.c856dd:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: 2rem;
}

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

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

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

  .i84d8c {
    display: block;
  }

  .oa1ba {
    display: none;
  }

  .a2bd82b {
    display: none !important;
  }
}

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

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

    .ma9b9 {
  width: 100%;
}

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

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

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

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

.d24b30c {
  flex: 1 1 50%;
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  position: relative;
  z-index: 2;
  transform: translateX(-20px);
}

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

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

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

.afed8f {
  flex: 1 1 50%;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
}

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

.l0e {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.g7b {
  text-align: center;
}

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

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

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

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

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

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

.dd5 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
}

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

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

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

.me323 {
  flex: 1 1 50%;
}

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

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

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

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

.m9c {
  flex: 1 1 130px;
  text-align: center;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
}

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

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

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

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

.ldbdd438 {
  flex: 1 1 300px;
  max-width: 450px;
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: var(--shadow-md);
}

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

.h878 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  margin: 0;
}

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

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

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

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

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

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

.a8c0 {
  text-align: center;
}

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

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

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

.mb784c {
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border-left: 4px solid var(--color-accent);
}

.h2e9 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 1rem 0;
}

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

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

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

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

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

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

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

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

.gb18 {
  text-align: center;
}

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

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

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

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

.g6ad5 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 0.75rem 0;
}

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

.j834 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all var(--transition-base);
}

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

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

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

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

.a3b {
  text-align: center;
}

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

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

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

.k1bdff7 {
  flex: 1 1 200px;
  max-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

.j1587c {
  text-align: center;
}

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

.mf2c {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: clamp(0.5rem, 1vw, 1rem) 0;
}

.h1b {
  flex: 0 0 clamp(150px, 25vw, 280px);
  height: 150px;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  scroll-snap-align: center;
}

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

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

.hc5 {
  text-align: center;
}

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

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

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

.hc9c {
  flex: 1 1 300px;
  max-width: 400px;
  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);
}

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

.n15bfd3 {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

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

.a11 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0;
  line-height: 1.3;
}

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

.la19 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all var(--transition-base);
}

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

.b51e {
  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: 0 -2px 8px rgba(0, 0, 0, 0.1);
}

.b51e.pdf59 {
  display: none;
}

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

.gaf {
  display: flex;
  flex-direction: row;
  gap: clamp(0.5rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.d8e8,
.m7102e4 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

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

.m7102e4 {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid rgba(255, 254, 245, 0.3);
}

.m7102e4:hover {
  border-color: rgba(255, 254, 245, 0.6);
  background: rgba(255, 254, 245, 0.05);
}

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

  .d24b30c {
    flex: 1 1 100%;
    transform: translateX(0);
  }

  .afed8f {
    flex: 1 1 100%;
    max-height: 350px;
  }

  .gf2859 {
    max-height: 350px;
  }

  .b0bcb18 {
    flex-direction: column;
  }

  .me323 {
    flex: 1 1 100%;
  }

  .k34a2ea0 {
    flex: 1 1 100%;
  }

  .od2b5 {
    flex-direction: column;
  }

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

  .mf2c {
    flex-direction: row;
  }

  .h1b {
    flex: 0 0 clamp(120px, 30vw, 180px);
    height: 120px;
  }

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

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

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

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

  .l0e {
    width: 100%;
  }

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

  .gaad {
    flex-direction: column;
  }

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

  .b7a {
    gap: 1rem;
  }

  .k603e {
    padding: 1rem;
  }

  .ld9 {
    flex-direction: column;
  }

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

  .j661510 {
    flex-direction: column;
  }

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

  .d8e8,
  .m7102e4 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.d960ea6 {
  max-width: 550px;
}

.d960ea6 h3,
.e365 h3,
.ka6 h3,
.caeaa h3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

.c2b li,
.m5e0bcdb li {
  margin: 0;
  padding: 0;
}

.e365 a,
.caeaa a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-base), text-decoration var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

.b559 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.9rem);
  margin: 0;
  line-height: 1.5;
  font-style: italic;
}

@media (min-width: 768px) {
  .oaf9 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 5vw, 4rem);
    grid-template-areas:
      "about nav"
      "contact legal"
      "bottom bottom";
  }

  .d960ea6 {
    grid-area: about;
  }

  .e365 {
    grid-area: nav;
  }

  .ka6 {
    grid-area: contact;
  }

  .caeaa {
    grid-area: legal;
  }

  .g2c1 {
    grid-area: bottom;
  }

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

@media (min-width: 1024px) {
  .oaf9 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
      "about nav contact legal"
      "bottom bottom bottom bottom";
  }

  .c2b,
  .m5e0bcdb {
    flex-direction: column;
  }
}

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

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

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

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

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

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

.e49 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

.lbbc3999 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 3rem);
  justify-content: center;
  align-items: center;
}

.c648f {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  min-width: 120px;
}

.i044286b {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.ge0 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

.j4cb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
}

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

.n438 {
  display: inline-block;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding: 0.75rem 0;
  transition: all var(--transition-fast);
  align-self: flex-start;
}

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

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

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

.jc22c2 {
  text-align: center;
}

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

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

.f865b50b {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .c648f {
    min-width: auto;
    width: 100%;
  }

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

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

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

* {
  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, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.e5dfc {
  width: 100%;
}

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

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

.m56af a {
  color: var(--color-accent);
  font-weight: 500;
}

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

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

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

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

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

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

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

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

.gb6f0 i {
  color: var(--color-accent);
  width: 1rem;
}

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

.ic5 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08);
}

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

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

.m004477 {
  flex: 0 0 auto;
  width: 240px;
  position: sticky;
  top: 2rem;
}

.nfeef4 {
  background: var(--color-bg-card);
  border-radius: 12px;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  text-align: center;
  box-shadow: 0 2px 8px rgba(28, 25, 23, 0.06);
  border: 1px solid rgba(202, 138, 4, 0.1);
}

.f6c72c2c {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto clamp(0.75rem, 2vw, 1rem);
  display: block;
  border: 2px solid var(--color-accent);
}

.l997f8 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.1875rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-weight: 600;
}

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

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

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

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

.hf14b {
  flex: 1 1 auto;
  max-width: 700px;
}

.lf3f1b3,
.abbf93,
.eca,
.h1b014d,
.jc9 {
  margin-bottom: clamp(3rem, 6vw, 4rem);
}

.lf3f1b3 .ea4b,
.abbf93 .ea4b,
.eca .ea4b,
.h1b014d .ea4b,
.jc9 .ea4b {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

.k8f402ef {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08);
}

.acf8be94 {
  background: linear-gradient(135deg, rgba(202, 138, 4, 0.08) 0%, rgba(234, 179, 8, 0.05) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: 8px;
  margin: clamp(2rem, 5vw, 3rem) 0;
}

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

.h48fd i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

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

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

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

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

.p46 {
  flex: 1 1 calc(33.333% - 1.75rem);
  min-width: 250px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(28, 25, 23, 0.06);
  transition: all 0.3s ease;
}

.p46:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(28, 25, 23, 0.12);
}

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

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

.p46:hover .b3dcaba7 {
  transform: scale(1.05);
}

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

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

.l52 a {
  color: var(--color-text-primary);
  transition: color 0.3s ease;
}

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

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

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

  .n8897ab4,
  .bbb94 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g3a {
    flex-direction: column;
  }

  .m004477 {
    width: 100%;
    position: static;
  }

  .hf14b {
    max-width: 100%;
  }

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

@media (max-width: 768px) {
  .m56af {
    gap: 0.5rem;
    font-size: 0.8125rem;
  }

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

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

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

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

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

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

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

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

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

.f4fd {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

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

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

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

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

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

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

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

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

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

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

.g9a49d {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.f07 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: clamp(2rem, 4vw, 4rem);
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(3rem, 8vw, 5rem) clamp(1rem, 4vw, 2rem);
  position: relative;
}

.lb22b53 {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

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

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

.j32 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: center;
}

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

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

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

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

.l9df4e {
  flex: 1;
}

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

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

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

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

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

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

.j2a8 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

.m6ba0c {
  flex: 1;
}

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

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

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

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

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

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

.g695 {
  flex: 1 1 calc(33.333% - clamp(0.667rem, 1.5vw, 1.334rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

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

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

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

.lf8a {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.f0272f21 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
}

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

.pc7 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.334rem));
  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);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

.k688 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.pc7:hover .m51487d7 {
  transform: scale(1.05);
}

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

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

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

.gb3 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 500;
  margin-top: auto;
  transition: all var(--transition-base);
}

.gb3:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
  transform: translateX(2px);
}

@media (max-width: 1024px) {
  .f07 {
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .lb22b53 {
    position: static;
  }

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

  .abb58 {
    flex-direction: column;
  }

  .g7678d5,
  .j2a8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .jbc29a {
    flex-direction: column;
  }

  .m2b44877,
  .g9a49d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .je923e84 {
    flex-direction: column;
  }

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

  .ff51018a {
    flex-direction: column;
  }

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

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

  .m2f5 {
    text-align: center;
  }
}

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

  .lb22b53 {
    order: 2;
    width: 100%;
  }

  .l9df4e {
    order: 1;
  }

  .f4fd {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

  .b84f {
    display: none;
  }

  .n654 {
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    gap: 0.25rem;
  }

  .bf171509,
  .k5c152e,
  .lee4,
  .c659 {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
  }

  .pc7 {
    flex: 1 1 100%;
  }

  .c44 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

@media (max-width: 480px) {
  .i24c {
    margin-bottom: 1rem;
  }

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

  .l24d6b4 {
    margin-bottom: 1rem;
  }

  .l9b {
    max-height: 250px;
  }

  .ee5 {
    max-height: 300px;
  }

  .g695 {
    min-width: 100%;
  }

  .k688 {
    height: 150px;
  }
}

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

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

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

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

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

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

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

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

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

.p5f3d90 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'DM Serif Display', serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

.ab698 {
  flex: 0 0 auto;
  width: clamp(200px, 25vw, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

.p4c2cf76 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

.d6b9343 {
  flex: 1 1 auto;
}

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

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

.a44d,
.l7cb15,
.afa30,
.daaaca {
  flex: 1 1 50%;
  max-width: 50%;
}

.pc890b,
.e377d,
.la31,
.ocbda {
  flex: 1 1 50%;
  max-width: 50%;
}

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

.p80dd03 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'DM Serif Display', serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
}

.ia05a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b794b00a {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

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

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

.p571 {
  max-width: 700px;
  margin: 0 auto;
}

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

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

.m59a69 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: 'DM Serif Display', serif;
  text-align: center;
}

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

.m31 {
  flex: 0 1 clamp(250px, 30vw, 380px);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.p7ef2d3 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin: 0;
  font-family: 'DM Serif Display', serif;
  line-height: 1.4;
}

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

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

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

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

  .d8d,
  .a43d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l2dccc10 {
    flex-direction: column;
  }

  .ab698 {
    position: relative;
    top: 0;
    width: 100%;
  }

  .a15ce,
  .n309,
  .ib7225,
  .n4888737 {
    flex-direction: column;
  }

  .a44d,
  .l7cb15,
  .afa30,
  .daaaca,
  .pc890b,
  .e377d,
  .la31,
  .ocbda {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

@media (min-width: 769px) and (max-width: 1023px) {
  .g8750 {
    flex-direction: column;
  }

  .d8d,
  .a43d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l2dccc10 {
    flex-direction: column;
  }

  .ab698 {
    position: relative;
    top: 0;
    width: 100%;
  }
}

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

  .ab698 {
    position: sticky;
    top: 2rem;
  }
}

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

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

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

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

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

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

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

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

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

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

.b65f7d {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.d430 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

.n44 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: clamp(2rem, 4vw, 4rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  padding-top: clamp(2rem, 4vw, 3rem);
}

.h90087 {
  position: sticky;
  top: clamp(1rem, 4vw, 2rem);
  height: fit-content;
}

.ce8 {
  background-color: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
}

.n53a {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border: 2px solid var(--color-border-light);
}

.k9ab0cc8 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

.ee34ce {
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

.a43 {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.e35f {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 250px;
}

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

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

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

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

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

.f93528d {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

.p7069f17 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h90087 {
    position: relative;
    top: auto;
  }

  .k1c {
    flex-direction: column;
  }

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

  .d430 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 300px;
  }

  .e9a00cc {
    flex-direction: column;
  }

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

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

  .off77 {
    flex-direction: column;
  }

  .pa9eeeb {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  }
}

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

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

  .n44 {
    gap: clamp(1rem, 3vw, 2rem);
    padding-top: clamp(1rem, 3vw, 2rem);
  }
}

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

.a348bc {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

.g222a {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.bdbe {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

.fe857230 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

.k10fd3 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 280px;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.k10fd3:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

.bebeaa60 {
  width: 48px;
  height: 48px;
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-primary);
}

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

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

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

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

.p690 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.hb09bc {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.h87 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.naf0 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  margin-top: clamp(2rem, 4vw, 3rem);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.p6af3c {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.nde {
  flex: 1 1 48%;
}

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

.f20e2e53 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.j335 {
  flex: 1 1 48%;
  width: 100%;
  height: auto;
  min-height: 350px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  background: var(--color-bg-secondary);
}

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

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

.ha06 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.ne32 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.h97 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 0.25rem;
}

.bab3ef29 {
  flex: 1;
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

.a9c4df1a {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: var(--color-bg-tertiary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1rem;
  margin-top: 0.125rem;
}

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

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

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

  .aba6f26 {
    flex-direction: column;
  }

  .nde,
  .j335 {
    flex: 1 1 100%;
  }

  .j335 {
    min-height: 300px;
  }

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

  .p6af3c {
    width: 48px;
    height: 48px;
    font-size: 1.125rem;
  }
}

@media (max-width: 480px) {
  .k439f78 {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .e3ffe9 {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .hb09bc {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .a3f {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .ne32 {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .m4f123 {
    flex-direction: column;
  }

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

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

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

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

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

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

.l55a699b {
  width: 100%;
  flex: 1 1 100%;
}

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

.i5e1b5 {
  width: 100%;
  flex: 1 1 100%;
}

.mcf5 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

.p60 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.4;
}

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

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

  .l55a699b {
    flex: 1 1 45%;
    max-height: 450px;
  }

  .i5e1b5 {
    flex: 1 1 50%;
  }

  .je5bc2f0 {
    max-height: 450px;
    height: 100%;
  }
}

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

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

.a9e7a6d {
  text-align: center;
}

.k8e {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

.ffcfe1a9 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--color-border-light);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  position: relative;
  padding-left: clamp(4rem, 8vw, 5rem);
}

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

.m14a {
  position: absolute;
  left: clamp(1rem, 3vw, 1.5rem);
  top: clamp(1rem, 3vw, 1.5rem);
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
}

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

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

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

  .ffcfe1a9 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 280px;
  }
}

@media (min-width: 1024px) {
  .ffcfe1a9 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
  }
}

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

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

.bb05b6 {
  text-align: center;
}

.l74 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

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

.id2b0d72 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--color-border-light);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  text-align: center;
}

.id2b0d72:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

.fb35611 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}

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

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

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

  .id2b0d72 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 280px;
  }
}

@media (min-width: 1024px) {
  .id2b0d72 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
    min-width: auto;
  }
}

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

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

.dd8f {
  text-align: center;
}

.ldf74d6 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

.b84e {
  width: 100%;
  flex: 1 1 100%;
}

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

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

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

.ca56e2ea {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-style: italic;
  margin: 0 0 1rem 0;
  line-height: 1.6;
}

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

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

  .b84e {
    flex: 1 1 48%;
  }

  .h180 {
    flex: 1 1 48%;
  }
}

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

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

.gb7ee06 {
  text-align: center;
}

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

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

.cee {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--color-border-light);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.cee:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

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

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

  .cee {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 280px;
  }
}

@media (min-width: 1024px) {
  .cee {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
    min-width: auto;
  }
}

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

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

.g08ce {
  text-align: center;
}

.de639 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

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

.f246 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--color-border-light);
  text-decoration: none;
  transition: all 0.3s ease;
}

.f246:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateX(4px);
}

.o574 {
  flex: 1 1 auto;
  text-align: left;
}

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

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

.b63 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin-left: clamp(1rem, 2vw, 1.5rem);
  flex-shrink: 0;
  transition: all 0.3s ease;
}

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

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

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

.g63a1 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-lg, 12px);
  border: 2px solid var(--color-accent);
  text-align: center;
}

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

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

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

.pb7:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(202, 138, 4, 0.2);
}

@media (min-width: 768px) {
  .g7012 {
    gap: clamp(1.25rem, 2vw, 2rem);
  }

  .f246 {
    padding: clamp(1.75rem, 3vw, 2.5rem);
  }
}

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

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

.mec {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.k75 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  letter-spacing: -0.02em;
}

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

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

.e700e {
  max-width: 1200px;
  margin: 0 auto;
}

.me6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .me6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .me6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

.m40 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

.m40:hover .na8 img {
  transform: scale(1.03);
}

.ne4d {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.hc150 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-accent);
  background-color: var(--color-accent-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  width: fit-content;
  margin-bottom: var(--spacing-sm);
}

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

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

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

.h9ed79e {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.fa5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.m554c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.k60f {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.k60f:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .gaa36e9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .h77fc {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .cd24c53 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gaa36e9 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

  .na8 {
    height: 280px;
  }
}

@media (max-width: 480px) {
  .k75 {
    margin-bottom: var(--spacing-xs);
  }

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

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

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

.lb21f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
}

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

.f1f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: -0.5px;
}

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

@media (min-width: 768px) {
  .lb21f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

.a59 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.h22c {
  max-width: 1200px;
  margin: 0 auto;
}

.h093c {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

@media (min-width: 1024px) {
  .h093c {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .a59 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.g90 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.g90:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.ab47 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.c7fcd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 400;
}

.o49316 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
  flex-grow: 1;
}

.p02d {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.p02d li {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-muted);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.n5175 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.h20e {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

@media (min-width: 768px) {
  .n5175 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .h20e {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .n5175 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.fdcb {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 400;
}

.j2892 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.kadb7a3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
  max-width: fit-content;
}

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

.l893cd {
  overflow: hidden;
  border-radius: var(--radius-lg);
  height: 300px;
}

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

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

@media (min-width: 1024px) {
  .l893cd {
    height: 450px;
  }
}

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

.c7f32 main {
  width: 100%;
}

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

.c7f32 .id16c29 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.c7f32 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

.c7f32 .l0ec5d4d {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.c7f32 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.c7f32 ul {
  list-style-position: inside;
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-md);
}

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

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

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

.c7f32 .o9c1cf {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  border-radius: var(--radius-md);
}

.c7f32 .o9c1cf h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.c7f32 .o9c1cf p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .c7f32 .id16c29 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c7f32 .id16c29 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mce6 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.i998c {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .i998c {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i998c {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

@media (min-width: 768px) {
  .hc973e3 {
    padding: 0 var(--spacing-lg);
  }
}

.id16c29 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.m2f10 {
  text-align: center;
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.l61ae7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 auto var(--spacing-lg);
  color: var(--color-success);
  animation: scaleIn 0.5s ease-out 0.2s backwards;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.l61ae7 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-md);
  animation: fadeIn 0.6s ease-out 0.1s backwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.nf92b88 {
  font-size: clamp(1.1rem, 1.2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 500;
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
  animation: fadeIn 0.6s ease-out 0.2s backwards;
}

.n4cc430f {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  animation: fadeIn 0.6s ease-out 0.3s backwards;
}

.k10d9 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: 1.8;
  animation: fadeIn 0.6s ease-out 0.4s backwards;
}

.l0e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 500;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.3px;
}

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

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

.lde46:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@media (min-width: 768px) {
  .m2f10 {
    padding: var(--spacing-lg);
  }

  .l61ae7 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-xl);
  }

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

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

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

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

@media (min-width: 1024px) {
  .m2f10 {
    padding: var(--spacing-2xl);
  }

  .l61ae7 {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-2xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .m2f10,
  h1,
  .nf92b88,
  .n4cc430f,
  .k10d9,
  .l61ae7 {
    animation: none;
  }

  .lde46:hover {
    transform: none;
  }

  .lde46:active {
    transform: none;
  }
}

.kcd {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.h494 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.id16c29 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.cbb2bfa {
  margin-bottom: var(--spacing-3xl);
  position: relative;
}

.c1c6 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.ieb1a {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -2px;
  margin: 0;
  position: relative;
  z-index: 2;
  animation: float-up 3s ease-in-out infinite;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.e8d44 {
  position: absolute;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, var(--color-primary-lighter) 0%, transparent 70%);
  border-radius: var(--radius-full);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0.4;
  filter: blur(40px);
}

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

.pbb4b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.g1e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.h696676 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-2xl) 0;
  text-align: left;
}

.o63f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: 0.3px;
}

.ec5c5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding-left: var(--spacing-lg);
  list-style: none;
}

.ec5c5 li {
  position: relative;
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-md);
  line-height: 1.6;
}

.ec5c5 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.l0e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
}

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

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

.lde46:active {
  transform: translateY(0px);
}

.c12 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  margin-top: var(--spacing-xl);
}

@media (min-width: 480px) {
  .h494 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
  
  .ieb1a {
    animation: float-up 3.5s ease-in-out infinite;
  }
}

@media (min-width: 768px) {
  .h494 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
  
  .cbb2bfa {
    margin-bottom: var(--spacing-3xl);
  }
  
  .h696676 {
    padding: var(--spacing-xl);
    margin: var(--spacing-3xl) 0;
  }
  
  .a64f7 {
    margin-top: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .h494 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
  
  .ieb1a {
    transition: transform var(--transition-base);
  }
  
  .ieb1a:hover {
    transform: scale(1.05);
  }
  
  .lde46:hover {
    transform: translateY(-3px);
  }
}

@media (min-width: 1440px) {
  .hc973e3 {
    padding: 0;
  }
}

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

.idfb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.p2fd9 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g8b6b3eb {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.l6ef {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  font-weight: 400;
}

.n2ca1 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .n2ca1 {
    padding: var(--spacing-4xl) 0;
  }
}

.d370 {
  width: 100%;
  padding: 0 var(--spacing-md);
}

.bfdfeb2 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

@media (max-width: 1023px) {
  .bfdfeb2 {
    gap: var(--spacing-2xl);
  }
}

@media (max-width: 767px) {
  .bfdfeb2 {
    flex-direction: column;
    gap: var(--spacing-2xl);
  }
}

.ef2b1e {
  flex: 1 1 400px;
  min-width: 0;
}

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

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

.f9b63 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n2d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 400;
}

.e5bf3292 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.f6d1a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.lc425c {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.b4031a,
.fad18 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 400;
  line-height: 1.5;
  transition: border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);
  box-sizing: border-box;
}

.b4031a::placeholder,
.fad18::placeholder {
  color: var(--color-text-muted);
  opacity: 0.7;
}

.b4031a:focus,
.fad18:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
  background-color: var(--color-bg-primary);
}

.fad18 {
  min-height: 150px;
  resize: vertical;
}

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

.m7609b4 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.3rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 400;
}

.cc9f63e {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  border-bottom: 1px solid transparent;
}

.cc9f63e:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.ka462 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
  margin-top: var(--spacing-sm);
}

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

.ka462:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ka462:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.l34b64 {
  flex: 1 1 400px;
  min-width: 0;
}

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

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

.caef8feb {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n7f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 400;
}

.b1d1c88 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.d4d {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.jaa958 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.p81730 {
  font-size: 1.5rem;
  color: var(--color-primary);
  display: block;
}

.jff8 {
  flex: 1;
  min-width: 0;
}

.j20 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.b8ce {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  word-break: break-word;
}

.b8ce:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.n3d4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  font-weight: 400;
}

.o0a98 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  margin-top: var(--spacing-xl);
}

.k5a238c5 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.hdc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 400;
  margin-bottom: var(--spacing-md);
}

.oedc {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  transition: gap var(--transition-base), color var(--transition-base);
  border-bottom: 2px solid transparent;
}

.oedc:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
  gap: var(--spacing-md);
}

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

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

@media (max-width: 767px) {
  .idfb {
    padding: var(--spacing-2xl) 0;
  }

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

  .ef2b1e,
  .l34b64 {
    flex: 1 1 100%;
  }

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .ef2b1e,
  .l34b64 {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }

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

@media (min-width: 1024px) {
  .ef2b1e {
    flex: 0 1 50%;
  }

  .l34b64 {
    flex: 0 1 50%;
  }
}
.oa1ba,.nc7ae6a{
  width: 34px;
}

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

.a2bd82b{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .a2bd82b{
    max-width: 100%;
  }
}

.a2bd82b.p10bf{
  z-index: 999;
}

.oa1ba[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ee05c {
    aspect-ratio: 6 / 9;
  }
}