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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #fef2f2;
  --color-bg-tertiary: #1a0a0a;
  --color-bg-card: #ffffff;

  --color-text-primary: #450a0a;
  --color-text-secondary: #7f1d1d;
  --color-text-muted: #8a5a5a;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #fef2f2;

  --color-primary: #dc2626;
  --color-primary-hover: #b91c1c;
  --color-primary-light: #fecaca;
  --color-primary-lighter: #fee2e2;

  --color-secondary: #ef4444;
  --color-secondary-light: #fca5a5;
  --color-secondary-lighter: #fecaca;

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

  --color-border: #fca5a5;
  --color-border-light: #fee2e2;

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

  --spacing-xs: 0.375rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.25rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4.5rem;
  --spacing-3xl: 6rem;

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

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

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

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

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

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
  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);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-secondary);
}

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

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

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

button, .ac42bd {
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-sm) var(--spacing-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1rem;
}

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

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

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

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

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

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

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

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

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

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

.hebba2 {
  width: 100%;
}

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

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

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

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

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

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

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

.g93a4e0 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  border-color: rgba(255, 255, 255, 0.1);
}

.g93a4e0 h1,
.g93a4e0 h2,
.g93a4e0 h3,
.g93a4e0 h4,
.g93a4e0 h5,
.g93a4e0 h6 {
  color: var(--color-text-light);
}

.g93a4e0 p {
  color: var(--color-text-light-secondary);
}

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

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

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

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

.a69761b h1,
.a69761b h2,
.a69761b h3,
.a69761b h4,
.a69761b h5,
.a69761b h6 {
  color: var(--color-text-light);
}

.a69761b a {
  color: var(--color-primary-light);
}

.a69761b a:hover {
  color: var(--color-text-light);
}

.a69761b p {
  color: var(--color-text-light-secondary);
}

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

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

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

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

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

.e28062c {
  flex-direction: column;
}

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

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

.o3799546 {
  text-align: center;
}

.kbb4e {
  text-align: right;
}

.i59 {
  text-align: left;
}

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

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

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

.p12 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

.f90 {
  height: 1px;
  background: var(--color-border-light);
  margin: var(--spacing-lg) 0;
}

.f793 {
  background: rgba(255, 255, 255, 0.1);
}

.p66de2 {
  list-style: none;
}

.p66de2 li {
  padding: var(--spacing-sm) 0;
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.m0d8 li:before {
  color: var(--color-primary-light);
}

.j5fe li:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

  h2 {
    font-size: 2rem;
  }

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .k2c346db,
  .c1ec2298,
  .d9ed07 {
    grid-template-columns: 1fr;
  }

  .bfc {
    flex-direction: column;
  }

  button, .ac42bd {
    padding: var(--spacing-sm) var(--spacing-md);
  }

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  body {
    font-size: 0.95rem;
  }

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

  .h3597 {
    padding: var(--spacing-md);
  }
}
.ce1 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.gfc:hover {
  opacity: 0.85;
}

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

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

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

.i232d9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  white-space: nowrap;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

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

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

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

.caa7f {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.caa7f:hover {
  opacity: 0.7;
}

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

.n0ed {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 300px;
  height: 100vh;
  background: var(--color-bg-card);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 200;
  overflow-y: auto;
}

.n0ed.gb99 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.g6a52 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

.a3a263d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

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

.ed76:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.25rem, 4vw, 2rem);
}

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

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

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

  .e707c148 {
    display: inline-block;
  }

  .caa7f {
    display: none;
  }

  .n0ed {
    display: none;
  }
}

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

  .e707c148 {
    padding: 0.85rem 2rem;
    font-size: 0.95rem;
  }
}

    .ma7b0 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.c2f4 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

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

.o5629 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  max-width: 600px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

.j51 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  min-height: 300px;
}

.b3b {
  background: rgba(220, 38, 38, 0.1);
  border-left: 4px solid var(--color-secondary);
}

.d5a901f3 {
  background: rgba(34, 197, 94, 0.1);
  border-left: 4px solid var(--color-success);
}

.o04 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-light);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

.e0db02b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

.c4956 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 0;
  transition: all var(--transition-base);
}

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

.daec6e {
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
  transition: all var(--transition-base);
}

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

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

.daec6e::marker {
  color: var(--color-accent);
}

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

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

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

.ic394 {
  text-align: center;
}

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

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

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

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

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

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

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

.b877:hover .k16fd img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

.lc7c9 {
  flex: 2 1 60%;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.ba1359 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-light);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

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

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

.g51f07c0 {
  flex: 1 1 calc(33.333% - clamp(0.66rem, 1.33vw, 1rem));
  background: rgba(255, 255, 255, 0.03);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

.l6cdb {
  text-align: center;
}

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

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

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

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

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

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

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

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

.fae6 {
  flex: 1 1 45%;
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-card) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
}

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

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

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

.hc1e6 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

.d8ae {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

.f12dbfd9.ec4a2f14 {
  display: none;
}

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

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

.k8b,
.j078 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.j078:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

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

  .g89b236d {
    flex: 1 1 100%;
  }

  .o92dd {
    flex: 1 1 100%;
  }

  .j51 {
    flex: 1 1 100%;
  }

  .i86 {
    flex-direction: column;
  }

  .lc7c9 {
    flex: 1 1 100%;
  }

  .g51f07c0 {
    flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  }

  .n66f8 {
    flex-direction: column;
  }

  .fae6 {
    flex: 1 1 100%;
  }

  .md8066 {
    flex: 1 1 100%;
  }

  .f12dbfd9 {
    flex-direction: column;
    justify-content: center;
  }

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

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

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

@media (min-width: 1024px) {
  .g51f07c0 {
    flex: 1 1 calc(33.333% - clamp(0.66rem, 1.33vw, 1rem));
  }
}

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

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

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

.ob7,
.c9f7180,
.p4c67f,
.h2e9 {
  display: block;
}

.ob7 h3,
.c9f7180 h3,
.p4c67f h3,
.h2e9 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ie6 li,
.a8c06 li {
  display: block;
}

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

.c9f7180 a:hover,
.h2e9 a:hover {
  color: var(--color-accent);
}

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

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

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

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

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

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

  .ie6,
  .a8c06 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .ie6 li,
  .a8c06 li {
    flex: 0 0 auto;
  }

  .cf62b {
    grid-column: 1 / -1;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .j3f8aef {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .ob7,
  .c9f7180,
  .p4c67f,
  .h2e9 {
    grid-column: span 1;
  }

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

  .ie6,
  .a8c06 {
    flex-direction: column;
  }
}
    

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

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

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

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

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

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

.mdb8d0b {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.25rem);
  font-family: var(--font-primary);
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p74 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  min-width: 140px;
  text-align: center;
}

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

.mdb585 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .c26 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: center;
  }
}

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

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

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

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

  @media (min-width: 1024px) {
    flex: 1 1 calc(60% - 1rem);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
}

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

@media (min-width: 1024px) {
  .e3fe .m45069b1 {
    aspect-ratio: auto;
    height: 100%;
  }
}

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

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

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

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

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

.aeb,
.mf418,
.m4584 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.aeb i,
.mf418 i,
.m4584 i {
  color: var(--color-accent);
  font-size: 0.9rem;
}

.l6291 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

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

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

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

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

.f1b3bf {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 320px;
  padding: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
}

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

@media (min-width: 1024px) {
  .f1b3bf {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

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

.h047d85e i {
  color: var(--color-secondary);
  font-size: clamp(2rem, 4vw, 2.5rem);
}

.h46ca {
  color: var(--color-text-light);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .e24d5 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

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

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

@media (min-width: 1024px) {
  .n82ad {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .p74 {
    min-width: 160px;
    padding: clamp(1.25rem, 2.5vw, 2rem);
  }

  .c26 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .afb2f3cc {
    gap: clamp(2rem, 4vw, 2.5rem);
  }
}

* {
  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 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m7c,
  .nd30 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.p21:nth-child(even) {
  flex-direction: row-reverse;
}

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

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

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

.n7711c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  line-height: 1.3;
  margin: 0;
}

.g84 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.l8246 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  margin: 0;
}

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

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

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

.o51b1c {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  margin: 0;
}

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

.ja5a6 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.h886 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: 1.7;
  margin: 0;
}

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

.i0782ff6 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.a6d {
  color: #ffffff;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.2;
  margin: 0;
}

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

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

.a60b574b {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.a60b574b:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(220, 38, 38, 0.15);
}

.jc386d {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 8px;
}

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

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

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

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

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

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

.k4fc97e {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 500;
  transition: color 0.3s ease;
  margin-top: auto;
}

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

@media (max-width: 768px) {
  .p21,
  .p21:nth-child(even) {
    flex-direction: column;
  }

  .ca11,
  .n6430dd {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pd25f {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
}

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

.f624c i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

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

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

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

  .ka519da8,
  .de9cb3e8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pd25f {
    gap: 1rem;
  }
}

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

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

.b48a780e {
  width: 100px;
  height: 100px;
  min-width: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k9a8174 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1rem;
}

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

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

  .k25,
  .l78 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.g3323e21 {
  flex: 1 1 calc(50% - 1rem);
  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-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mc8e9 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

.e195 {
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.08) 0%, rgba(239, 68, 68, 0.06) 100%);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

.ha93 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: var(--font-heading);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b6a {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 220px;
  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;
  text-align: center;
  transition: var(--transition-base);
}

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

.of9f {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

.mc2 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l95ac8,
  .ndbcc0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.afa1096a {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

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

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

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

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

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

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

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

  .afa1096a {
    width: 70px;
    height: 70px;
  }
}

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

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

.k093 {
  width: 100%;
}

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

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

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

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

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

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

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

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

.m02 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin: clamp(2rem, 4vw, 3rem) 0;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.m94 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  display: flex;
  align-items: flex-start;
  padding-top: 0.25rem;
}

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

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

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

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

  .p3d5b5,
  .cbd3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m02 {
    flex-direction: column;
  }

  .m94 {
    padding-top: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

.j734e {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 400px;
}

.n85aca9d {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  color: inherit;
  height: 100%;
  transition: all var(--transition-base);
}

.n85aca9d:hover {
  transform: translateY(-4px);
}

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

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

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

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

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

@media (max-width: 1024px) {
  .j734e {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }
}

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

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

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

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.d34e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

.ke5 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

.e79c23 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  margin: 0;
}

.e79c23 i {
  color: var(--color-accent);
  flex-shrink: 0;
}

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

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

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

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

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

.lc45305 {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

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

.f2f583ac {
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  color: var(--color-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.o50 {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

.ib1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
  max-width: 850px;
  margin: 0 auto;
}

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

.o07e5 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.h2a {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.gb80b3 {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.gb80b3 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  line-height: 1.6;
}

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

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

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

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

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

.g2e9b {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

.a6c6ce87 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
}

.p5c217 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

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

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

.cee {
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

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

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

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

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

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

  .mf8344d1 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }
}

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

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

  .gc44 {
    display: none;
  }
}

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

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

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

.b0365 {
  width: 100%;
}

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

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

.kd428d93 {
  text-align: center;
  max-width: 900px;
}

.j6ee91 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 1rem;
}

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

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

.a4da67e5 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(220, 38, 38, 0.1);
}

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

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

.k05 {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.f103ce {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  border: 1px solid var(--color-border);
}

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

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

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

.j58c7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  transition: var(--transition-base);
}

.j58c7:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(220, 38, 38, 0.08);
  border-color: var(--color-accent);
}

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

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

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

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

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

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

.g768b4 {
  flex: 1 1 50%;
  min-width: 0;
}

.l5adb {
  flex: 1 1 50%;
  min-width: 0;
}

.d527b0 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 15px 40px rgba(220, 38, 38, 0.12);
}

.fcda361 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
}

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

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

.p86491 {
  list-style: none;
  margin: 1.5rem 0;
}

.gaeca5 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding: 0.75rem 0;
  padding-left: 2rem;
  position: relative;
  line-height: 1.6;
}

.gaeca5:before {
  content: '\f058';
  font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

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

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

.hee19b65 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  border: 1px solid var(--color-border);
}

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

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

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

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

.b5fc {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: 50%;
}

.a5ec49 {
  flex: 1;
}

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

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

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

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

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

.l7f0 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

.kce {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  display: block;
  margin: 2rem auto 0;
  object-fit: cover;
  box-shadow: 0 10px 25px rgba(220, 38, 38, 0.1);
}

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

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

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

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

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

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

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

  .g768b4,
  .l5adb {
    flex: 1 1 100%;
  }

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

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

  .b5fc {
    margin: 0 auto;
  }

  .a4da67e5,
  .d527b0,
  .kce {
    max-height: 350px;
  }
}

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

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

  .b5fc {
    width: clamp(2.5rem, 7vw, 3rem);
    height: clamp(2.5rem, 7vw, 3rem);
    font-size: clamp(1.375rem, 3vw, 1.75rem);
  }
}

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

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

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

@media (min-width: 768px) {
  .hd28 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.bc12 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

@media (min-width: 768px) {
  .bc12 {
    flex: 1 1 45%;
  }
}

.i3ef29 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.a87dba {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 768px) {
  .p7f {
    flex: 1 1 45%;
    min-height: 350px;
    max-height: 450px;
  }
}

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

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

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

.gb05 {
  text-align: center;
}

.h68d7d {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.d4f {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f27f em {
  color: var(--color-accent);
  font-style: italic;
  font-weight: 600;
}

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

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

.kd424d {
  text-align: center;
}

.a272 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.g503 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fe10c6 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (min-width: 1024px) {
  .a9f70e91 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.33rem));
  }
}

.a9f70e91:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

.k7b6 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: rgba(220, 38, 38, 0.1);
  border-radius: var(--radius-md);
}

.d2dce7e {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ic1ec2 {
  text-align: center;
}

.n19e4 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.a1b2d47 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e52301 {
  flex: 1 1 100%;
  padding: clamp(1.5rem, 2vw, 2rem);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.c98e {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.f328e74c {
  text-align: center;
}

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

.jd4 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ga197e5 {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

@media (min-width: 768px) {
  .ga197e5 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.33rem));
  }
}

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

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

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

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

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

.b52bef {
  text-align: center;
}

.f53d {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.k539a38 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c2ac {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
}

.cac25 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 0.5vw, 0.5rem);
}

.f2787 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .j616749d {
    flex-direction: row;
    justify-content: center;
  }
}

.d00d22 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 700;
  text-align: center;
  transition: all var(--transition-base);
}

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

.cdcaaf {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 700;
  text-align: center;
  transition: all var(--transition-base);
}

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

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

@media (max-width: 320px) {
  .j648 {
    padding: 0 clamp(0.75rem, 3vw, 1.5rem);
  }
}

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

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

.m0baf337 {
  max-width: 1000px;
  margin: 0 auto;
}

.aaf0af {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

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

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

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

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

.i66 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

.h243:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

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

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

.m7b:active {
  transform: scale(0.99);
}

.a2bdbe {
  text-align: left;
  line-height: 1.5;
  flex: 1;
}

.k74db {
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: bold;
  transition: var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.125rem;
}

.m7b[aria-expanded="true"] .k74db {
  transform: rotate(45deg);
  color: var(--color-accent);
}

.f019d {
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
  padding: var(--spacing-lg) var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  animation: slideDown var(--transition-base) ease-out;
}

.f019d p {
  margin: 0;
}

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

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

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

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

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

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

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

.la36e8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.afd {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.d1e9547 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  font-weight: 500;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

.d1e9547:active {
  transform: scale(0.98);
}

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

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

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

@media (min-width: 1024px) {
  .la36e8 {
    margin-bottom: var(--spacing-xl);
  }
}

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

.c8629 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

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

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

@media (min-width: 768px) {
  .c8629 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .c8629 {
    padding: 6rem 2rem;
  }
}

.ff286372 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

.kf80 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 768px) {
  .kf80 {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }

  .ff286372 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .kf80 {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .ff286372 {
    padding: 6rem 2rem;
  }
}

.g0081 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.k30 {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.k30 i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

.m49c6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  flex-grow: 1;
}

.g4096fa {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color var(--transition-fast);
  width: fit-content;
  margin-top: 0.5rem;
}

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

.g4096fa::after {
  content: "";
  transition: transform var(--transition-fast);
}

.g0081:hover .g4096fa::after {
  transform: translateX(0.25rem);
}

.j5172 {
  background-color: var(--color-bg-tertiary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

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

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

.lc9467 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  transition: background-color var(--transition-base);
  cursor: pointer;
  border: none;
}

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

@media (min-width: 768px) {
  .j5172 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .j5172 {
    padding: 6rem 2rem;
  }
}

.k5b62c66 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

.aa35 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  font-weight: 700;
  text-align: center;
}

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

.b07d1d6 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  transition: all var(--transition-base);
}

.b07d1d6:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary);
  color: var(--color-primary);
  transform: translateX(0.5rem);
}

.b07d1d6 i {
  font-size: 0.875rem;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .k5b62c66 {
    padding: 4.5rem 2rem;
  }

  .mcf735 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .k5b62c66 {
    padding: 6rem 2rem;
  }

  .mcf735 {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

@media (max-width: 767px) {
  .g0081 {
    padding: 1.5rem;
  }

  .k30 {
    width: 3rem;
    height: 3rem;
  }

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

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

.dd58679 .j648 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.dd58679 .i9225 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.dd58679 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.dd58679 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
  line-height: 1.4;
}

.dd58679 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.dd58679 .gd4291 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.dd58679 ul,
.dd58679 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  color: var(--color-text-primary);
}

.dd58679 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

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

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

.dd58679 .bbc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-2xl);
}

.dd58679 .bbc h2 {
  color: var(--color-primary);
  margin-top: 0;
}

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

.dd58679 .e2792 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
}

@media (min-width: 768px) {
  .dd58679 .i9225 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .dd58679 .j648 {
    padding: 0 var(--spacing-xl);
  }

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

.ac1 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.md1 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.j648 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.p47f2e6f {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.da264e78 {
  margin: 0 auto var(--spacing-2xl);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.da264e78 svg {
  width: 100%;
  height: 100%;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.idd {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 500;
  line-height: 1.6;
}

.p7be4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.d7870ac1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.hf4 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  margin-top: var(--spacing-lg);
}

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

.hf4:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.hf4:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
  .md1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 768px) {
  .md1 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

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

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

  .hf4 {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: 1.05rem;
    margin-top: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .md1 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .i9225 {
    max-width: 750px;
  }

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

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

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

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

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

.c5ff8 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.b6c48df1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.i9225 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p4faf {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
  text-align: center;
}

.c68 {
  position: relative;
  width: 100%;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.i14 {
  position: relative;
  z-index: 2;
}

.n3d8e {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -2px;
  display: block;
  line-height: 1;
}

.keddd7 {
  position: absolute;
  border-radius: 50%;
  opacity: 0.08;
}

.i0693 {
  width: clamp(180px, 50vw, 400px);
  height: clamp(180px, 50vw, 400px);
  background-color: var(--color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  animation: float-slow 6s ease-in-out infinite;
}

.ffe {
  width: clamp(120px, 35vw, 280px);
  height: clamp(120px, 35vw, 280px);
  background-color: var(--color-secondary);
  top: 20%;
  right: 5%;
  z-index: 0;
  animation: float-medium 8s ease-in-out infinite reverse;
}

@keyframes float-slow {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-30px);
  }
}

@keyframes float-medium {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
}

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

.nd0b10e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

.jbe7a3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: var(--spacing-sm) 0;
}

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

.m693 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  text-align: left;
  margin: var(--spacing-md) 0;
}

.iae001a {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

.i6299 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.i6299 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.i6299 li::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.ac42bd {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  margin-top: var(--spacing-md);
}

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

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

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

@media (min-width: 480px) {
  .c5ff8 {
    padding: var(--spacing-lg);
  }

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

  .c68 {
    height: 320px;
    margin-bottom: var(--spacing-xl);
  }

  .m693 {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

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

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

  .c68 {
    height: 360px;
    margin-bottom: var(--spacing-2xl);
  }

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

  .m693 {
    text-align: center;
    padding: var(--spacing-2xl);
    border-left: none;
    border-top: 4px solid var(--color-primary);
  }

  .i6299 {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
  }

  .i6299 li {
    padding-left: var(--spacing-md);
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .c5ff8 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .c68 {
    height: 400px;
    margin-bottom: var(--spacing-3xl);
  }

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

  .n3d8e {
    letter-spacing: -3px;
  }

  .ac42bd {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: 1.1rem;
  }

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

@media (prefers-reduced-motion: reduce) {
  .i0693,
  .ffe {
    animation: none;
  }

  .ac42bd {
    transition: none;
  }

  .ac42bd:hover {
    transform: none;
  }
}

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

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

.laa3 {
  max-width: 800px;
}

.hfa2bfc1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

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

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

.d8f9a {
  width: 100%;
}

.lc43a4 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

.p38 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
}

.f89d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.oda59b19 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.n10,
.ee8d8c {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.n10::placeholder,
.ee8d8c::placeholder {
  color: var(--color-text-muted);
}

.n10:focus,
.ee8d8c:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.ee8d8c {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.bd9c11 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: 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.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.n94b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  text-align: center;
  line-height: 1.5;
  margin-top: var(--spacing-sm);
}

.j83c475 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

.j83c475:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.i00be {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
}

.b75 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.fa53a {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-lg);
}

.k27ea {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.j894cd {
  flex: 1;
  min-width: 0;
}

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

.nb28 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 400;
}

.n096 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-xl);
}

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

.hd00f4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.cc2cf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px solid var(--color-border-light);
}

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

.l50 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

.gbd9c3c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  font-weight: 400;
}

.a39e4a0 {
  background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-secondary-light) 100%);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  text-align: center;
}

.b85160 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.p0c3 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.o9402 {
  text-align: center;
}

.gdb4a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.e7a8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: 1.6;
}

.c5f6 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

@media (min-width: 768px) {
  .h12bd8e {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .p60b {
    flex: 1 1 45%;
  }

  .lfde0 {
    flex: 1 1 45%;
  }

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

  .bd9c11 {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .h12bd8e {
    padding: 5rem 0;
  }

  .m3d9990 {
    padding: 5rem 0;
  }

  .lc43a4 {
    gap: 4rem;
  }

  .f1a {
    padding: 5rem 0;
  }
}
.caa7f,.jdaef04{
  width: 34px;
}

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

.n0ed{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .n0ed{
    max-width: 100%;
  }
}

.n0ed.gb99{
  z-index: 999;
}

.g691{
  padding-top: 50px;
}

.caa7f[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .m45069b1 {
    aspect-ratio: 6 / 9;
  }
}