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

:root {
  --color-bg-primary: #0f0d18;
  --color-bg-secondary: #1a172a;
  --color-bg-tertiary: #26223d;
  --color-bg-card: #1a172a;

  --color-text-primary: #ffffff;
  --color-text-secondary: #c7b5f7;
  --color-text-muted: #9b84e8;

  --color-primary: #f97066;
  --color-primary-hover: #e64d42;
  --color-primary-light: #ffa99c;
  --color-secondary: #fca5a5;
  --color-secondary-light: #fdbfbf;

  --color-success: #6ee7b7;
  --color-success-hover: #5bd9a8;
  --color-warning: #fbbf24;
  --color-warning-hover: #f59e0b;
  --color-danger: #f87171;
  --color-danger-hover: #ef4444;

  --color-border: #3d3a54;
  --color-border-light: #2d2a42;

  --font-primary: 'Proza Libre', sans-serif;
  --font-heading: 'Cormorant Garamond', serif;

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

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

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.6);
  --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.7);

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

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
  letter-spacing: -0.005em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
}

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

p.f46bd7 {
  font-size: 1.125rem;
  color: var(--color-text-secondary);
  font-weight: 500;
}

p.o1a998 {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

.j3ee {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

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

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

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

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

.ac68:hover {
  background: var(--color-secondary-light);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

.efd {
  background: transparent;
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
}

.efd:hover {
  color: var(--color-primary);
  background: rgba(249, 112, 102, 0.1);
}

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

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

.b47 {
  width: 100%;
}

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

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

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

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

textarea {
  resize: vertical;
  min-height: 120px;
}

.pa1 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  transition: all var(--transition-base);
}

.pa1:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
}

.a15 {
  cursor: pointer;
}

.db1716 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  background: rgba(249, 112, 102, 0.15);
  color: var(--color-primary);
  border-radius: var(--radius-md);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.n19bc7a3 {
  background: rgba(110, 231, 183, 0.15);
  color: var(--color-success);
}

.of53355 {
  background: rgba(251, 191, 36, 0.15);
  color: var(--color-warning);
}

.a7d {
  background: rgba(248, 113, 113, 0.15);
  color: var(--color-danger);
}

.fdb2e {
  background: rgba(252, 165, 165, 0.15);
  color: var(--color-secondary);
}

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

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

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

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

.g9fa {
  display: flex;
}

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

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

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

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

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

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

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

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

.d7c788 {
  text-align: center;
}

.jd937 {
  text-align: right;
}

.ked {
  text-align: left;
}

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

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

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

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

.o4eb3 {
  color: var(--color-success);
}

.jeedc30 {
  color: var(--color-warning);
}

.cab81 {
  color: var(--color-danger);
}

.o361 {
  font-size: 0.875rem;
}

.i3945 {
  font-size: 0.75rem;
}

.o48 {
  font-size: 1.125rem;
}

.fe26412 {
  font-size: 1.25rem;
}

.k147 {
  font-weight: 700;
}

.o6d75116 {
  font-weight: 600;
}

.a66 {
  font-weight: 500;
}

.k0214 {
  font-weight: 400;
}

.p8ed6 {
  text-transform: uppercase;
}

.nd119 {
  text-transform: lowercase;
}

.oc62 {
  text-transform: capitalize;
}

.ca7 {
  font-style: italic;
}

.kfe {
  text-decoration: underline;
}

.baa {
  text-decoration: line-through;
}

.o19a0b {
  opacity: 0.5;
}

.ebbff03 {
  opacity: 0.75;
}

.de5c {
  opacity: 1;
}

.f60fe {
  border-radius: var(--radius-sm);
}

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

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

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

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

.pf3 {
  border-radius: 9999px;
}

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

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

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

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

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

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

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

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

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

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

.f63d {
  border-color: var(--color-primary);
}

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

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

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

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

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

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

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

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

.bfd86b5 {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.ec95ef {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

.db95 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.f53bd28 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.f2f19347 {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.aed48 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

.pe818 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.f50bfb30 {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.oac {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

.c1d {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

.e501 {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ne1895e {
  list-style: none;
}

ul,
ol {
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

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

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

code {
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: 0.2em 0.4em;
  border-radius: var(--radius-sm);
  font-family: 'Monaco', 'Menlo', monospace;
  font-size: 0.875em;
}

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

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

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

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

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

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

tr:hover {
  background: rgba(249, 112, 102, 0.05);
}

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
  font-weight: 500;
  font-size: 0.9375rem;
}

form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.m01c6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i6b6d {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-end;
}

.i6b6d input,
.i6b6d select {
  flex: 1;
}

.h4c9f81 {
  color: var(--color-danger);
  font-size: 0.875rem;
  margin-top: var(--spacing-xs);
}

.j8e8a0 {
  color: var(--color-text-muted);
  font-size: 0.875rem;
  margin-top: var(--spacing-xs);
}

.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: 768px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .df6a623,
  .n75,
  .m790 {
    grid-template-columns: 1fr;
  }

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

  .b47 {
    width: 100%;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .j3ee {
    width: 100%;
  }
}

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

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

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

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.e26ef8 {
  animation: fadeIn var(--transition-base) ease-out;
}

.d8b74e {
  animation: slideInUp var(--transition-base) ease-out;
}

.l3de27 {
  animation: slideInDown var(--transition-base) ease-out;
}

.o3f848 {
  animation: slideInLeft var(--transition-base) ease-out;
}

.d7a7 {
  animation: slideInRight var(--transition-base) ease-out;
}

.e2de2b7e {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.i96 {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-light);
    position: static;
    top: 0;
    width: 100%;
    z-index: 100;
  }

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

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

  .ka4991:hover {
    opacity: 0.8;
  }

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

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

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

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

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

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

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

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

  .l2dbb5a8:hover {
    opacity: 0.7;
  }

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

  .l2dbb5a8.mae span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
  }

  .l2dbb5a8.mae span:nth-child(2) {
    opacity: 0;
  }

  .l2dbb5a8.mae span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
  }

  .i8c18d {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--color-bg-primary);
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all var(--transition-base);
    z-index: 99;
    padding-top: 70px;
  }

  .i8c18d.mae {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .p40023 {
    padding: 1rem clamp(1rem, 4vw, 2rem);
    border-bottom: 1px solid var(--color-border-light);
    display: flex;
    justify-content: flex-end;
  }

  .h7808 {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    color: var(--color-text-primary);
    font-size: 1.5rem;
    transition: opacity var(--transition-base);
  }

  .h7808:hover {
    opacity: 0.7;
  }

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

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

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

  .g29af {
    padding: 1rem clamp(1rem, 4vw, 2rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    text-decoration: none;
    font-family: var(--font-primary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    font-weight: 600;
    text-align: center;
    transition: all var(--transition-base);
  }

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

  @media (min-width: 768px) {
    .l71 {
      padding: 1.25rem clamp(1rem, 4vw, 2rem);
    }

    .eba076 {
      display: flex;
    }

    .hc3fa {
      display: inline-block;
    }

    .l2dbb5a8 {
      display: none;
    }

    .i8c18d {
      display: none;
    }
  }

  @media (min-width: 1024px) {
    .l71 {
      padding: 1.5rem clamp(1rem, 4vw, 2rem);
    }

    .cdf9e {
      width: 48px;
      height: 48px;
    }

    .cf3dd8 {
      font-size: 1rem;
    }

    .hc3fa {
      font-size: 1rem;
      padding: 0.875rem 2rem;
    }
  }

    .e5ff3a {
  width: 100%;
}

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

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

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

.ka318b2 {
  text-align: center;
}

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

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

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

.i661dd {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  flex: 0 1 auto;
  min-width: 150px;
  transition: all var(--transition-base);
}

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

.i661dd i {
  color: var(--color-accent);
  font-size: 1.75rem;
}

.daf {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-align: center;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.h7cf {
  text-align: center;
}

.b0b6 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 600;
}

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

.pb154 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.a456 {
  text-align: center;
}

.hd09587 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  padding: 1rem 1.5rem;
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  display: inline-block;
}

.be01684a {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
  width: 100%;
  max-width: 800px;
}

.fa7904 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

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

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

.fa7904 span {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-align: center;
}

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

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

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

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

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

.gbf7d,
.gb677 {
  text-align: left;
}

.b9374 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 600;
}

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

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

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

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

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

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

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

.hb6e1 {
  text-align: center;
}

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

.h315487 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}

.hb7e3476 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-top: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all var(--transition-base);
}

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

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

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

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

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

.nf1b {
  text-align: center;
}

.m0b5968 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 600;
}

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

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

.e5b8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-items: center;
}

.gdcf {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  width: 100%;
  max-width: 400px;
  box-shadow: var(--shadow-sm);
}

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

.gbe245 {
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 16/9;
}

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

.gdcf:hover .gbe245 img {
  transform: scale(1.05);
}

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

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

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

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

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

.c217e782 {
  text-align: center;
}

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

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

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

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

.n8b390 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.g8c {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.odee0f {
  text-align: center;
}

.j30 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 600;
}

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

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

.feb7 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.k1768 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  border: none;
  width: 100%;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k1768 i {
  color: var(--color-accent);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.feb7[open] .k1768 i {
  transform: rotate(180deg);
}

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

.p670 p {
  margin: 0;
}

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

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

.ce2c {
  text-align: center;
}

.o8c {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 600;
}

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

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

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

.pf62 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  border: 1px solid var(--color-border-light);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h82add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

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

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

.c0d9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j338 {
  text-align: center;
}

.ja8dec {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 600;
}

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

.o4a {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.o4a i {
  color: var(--color-text-muted);
  font-size: 1rem;
}

.h8084ab4 {
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  flex: 1;
  outline: none;
}

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

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

.ga654259 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.m2bb4298 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  border: none;
  width: 100%;
  text-align: left;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.kae7d p {
  margin: 0;
}

.p79f {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
}

.p79f.kea1d7 {
  display: none;
}

.f35 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.efc {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
}

.efc:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

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

  .l72c,
  .k8d96f8 {
    flex: 1 1 100%;
  }

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

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

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

  .f35 {
    min-width: 100%;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .be01684a {
    grid-template-columns: repeat(3, 1fr);
  }

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

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

@media (min-width: 1024px) {
  .be01684a {
    grid-template-columns: repeat(6, 1fr);
  }

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

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

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

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

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

.e8d3acc6 {
  max-width: 45rem;
}

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

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

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

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

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

.cd8e03 a:hover,
.c9d1 a:hover {
  color: var(--color-accent);
}

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

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

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

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

.c7f7 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .cd8e03 {
    flex: 0 1 auto;
    min-width: 140px;
  }

  .bf7 {
    flex: 0 1 auto;
    min-width: 240px;
  }

  .c9d1 {
    flex: 0 1 auto;
    min-width: 140px;
  }

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

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

  .e8d3acc6 {
    flex: 1 1 30%;
  }

  .cd8e03 {
    flex: 0 1 auto;
  }

  .bf7 {
    flex: 0 1 auto;
  }

  .c9d1 {
    flex: 0 1 auto;
  }
}
    

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

.b9dcf {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-bg-tertiary);
}

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

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

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

.lfc189a9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  line-height: var(--line-height-normal);
  max-width: 800px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fbf {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

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

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

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

.d0f30 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j716 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  margin-top: 0.5rem;
}

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

.b8632 i {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

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

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

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

.d167 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g00 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-bg-tertiary);
  transition: all var(--transition-base);
}

.g00:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

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

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

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

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

.p50062 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding-top: 1rem;
  border-top: 1px solid var(--color-bg-tertiary);
  margin-top: 0.5rem;
}

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

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

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

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

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

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

.e7de2e:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

.j9a {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-md);
}

.bbcb5c44 {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.75vw, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

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

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

.pc142 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  text-align: center;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f6cac6 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 clamp(280px, 100%, 340px);
  min-width: 280px;
  border: 1px solid var(--color-bg-tertiary);
  transition: all var(--transition-base);
  text-align: center;
}

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

.d4187a {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

.a9eebf45 {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

  .e7de2e {
    flex: 1 1 100%;
  }

  .idea {
    flex-direction: column;
  }

  .f6cac6 {
    flex: 1 1 100%;
  }

  .p50062 {
    gap: 1rem;
  }

  .e6b {
    gap: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .n066d35 {
    flex-direction: row;
  }

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

  .idea {
    flex-direction: row;
  }

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

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

  .e7de2e {
    flex: 1 1 calc(33.333% - 1rem);
  }

  .idea {
    flex-direction: row;
  }

  .f6cac6 {
    flex: 1 1 calc(33.333% - 1rem);
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

.aebf {
  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);
  color: var(--color-text-secondary);
}

.g21d,
.p61,
.me69c8 {
  color: var(--color-text-secondary);
}

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

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

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

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

.k53e7ae6 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-xl);
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

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

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

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

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

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

.nd399f {
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

.p2aba78 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-xl);
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

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

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

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

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

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

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

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

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

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

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

.ga8a731 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-xl);
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

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

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

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

.g1a37 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-xl);
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

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

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

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

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

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

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

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

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

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

.d0c5 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

.d0c5:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}

.k169394e {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

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

.n43d7 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin: 0;
  line-height: 1.4;
  font-weight: 600;
}

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

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

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

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

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

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

.m4646abe {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.m4646abe:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.hc4a44f {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-align: center;
}

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

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

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

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

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

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

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

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

  .gf5448,
  .c0e0,
  .j2cb {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .a23,
  .m369a46,
  .l9d8,
  .gaad,
  .pc86228,
  .cd2381 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j2cb {
    flex-direction: column;
  }

  .cd2381 {
    order: 0;
  }

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

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

  .b541e65 {
    gap: 0.25rem;
    font-size: 0.8125rem;
  }
}

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

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

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

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

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

.h696829 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l87a65e2 {
  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: var(--line-height-tight);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
}

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

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

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

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

.nf05e41d,
.h769 {
  background: var(--color-bg-tertiary);
}

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

.hed6bf,
.d250,
.nb42b89,
.nb9acd65 {
  flex: 1 1 50%;
  max-width: 50%;
}

.fda17b {
  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: var(--line-height-tight);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
}

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

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

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

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

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

.nc04502 {
  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: var(--line-height-tight);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.jc071 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  align-self: flex-start;
}

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

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

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

.pe7a {
  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: var(--line-height-tight);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
}

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

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

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

.faca2903 {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
}

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

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

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

  .pc9f89a,
  .a5ce2d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i38a3398,
  .abc46,
  .i41,
  .l63,
  .e8a7576 {
    flex-direction: column;
  }

  .lffa7,
  .e9b4cc8d,
  .hed6bf,
  .d250,
  .nb42b89,
  .nb9acd65 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .b0c9 {
    margin: 0 auto;
  }

  .o470f8 {
    flex-direction: column;
  }

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

  .jc071 {
    align-self: center;
  }

  .l8ea {
    text-align: left;
  }
}

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

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

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

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

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

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

a {
  transition: all 0.3s ease;
}

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

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

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

.da954 a {
  color: var(--color-text-secondary);
  text-decoration: none;
}

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

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

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

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

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

.j2d4,
.c93,
.h1eef {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

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

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

@media (max-width: 768px) {
  .j0e15 {
    flex-direction: column;
  }
  
  .a7108fd,
  .lde {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ga4e {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
}

.o0235 {
  color: var(--color-accent);
  text-decoration: none;
}

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

.h48aefc1 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

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

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

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

.da647d5 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 800px;
}

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

.n4eef79 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .f657b {
    flex-direction: column;
  }
  
  .g4d7583,
  .iebc2d67 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

@media (max-width: 768px) {
  .e5f99 {
    flex-direction: column;
  }
  
  .i7a,
  .p47fa2 {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }
}

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

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

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

.m9cb1 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f3d8dac {
  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;
  text-align: center;
}

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

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

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

.n7e {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

.dc71a4 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .p7fe {
    flex-direction: column;
  }
  
  .m200,
  .g0980e9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.m4e87 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .i831c {
    flex-direction: column;
  }
  
  .b8eab,
  .k26be6f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .b5f9c {
    flex-direction: column-reverse;
  }
  
  .e2ba8,
  .k22cc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.bf3 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  font-weight: 600;
}

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

.cfd {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  transition: color var(--transition-base);
  margin-top: auto;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .g45 {
    flex-direction: column;
  }
  
  .gd176864,
  .hd4f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .oa9d7 {
    flex-direction: column-reverse;
  }
  
  .d185,
  .ja8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.ebec4c9 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

.d62a083 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

.pae56 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

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

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

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

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

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

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

.daed {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

.od3e6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

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

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

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

@media (min-width: 768px) {
  .od3e6 {
    grid-template-columns: 1fr 1fr;
  }

  .i1c51 {
    max-height: 500px;
  }
}

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

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

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

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

.h25b7 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

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

.h36c3f {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 10px;
  border-left: 4px solid var(--color-accent);
  transition: all var(--transition-base);
}

.h36c3f:hover {
  transform: translateX(8px);
  box-shadow: 0 8px 24px rgba(249, 112, 102, 0.15);
}

.h8c0b {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

.o64a53 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.c755 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

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

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

.g80b2 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
  color: var(--color-accent);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.gcff5 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

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

.ke85b934 {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 10px;
  transition: all var(--transition-base);
  border: 1px solid var(--color-bg-tertiary);
}

.ke85b934:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.ef0 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

@media (max-width: 767px) {
  .n93eacd {
    gap: 1.5rem;
  }

  .m03487c {
    margin-bottom: 1.5rem;
  }

  .i8f {
    margin-bottom: 1.5rem;
  }

  .k7544c6 {
    margin-bottom: 1.5rem;
  }

  .h0eb646 {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ff6848d {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .p8f5 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .h0c3 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .l49729a {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .d55c6 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-relaxed);
}

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

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

.gbec4 {
  width: 100%;
}

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

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

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

.kd3446 {
  flex: 1 1 100%;
  min-height: 250px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

.fb3844 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
}

.g12 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.25rem);
  font-weight: 600;
}

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

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

  .kd3446 {
    flex: 1 1 45%;
    min-height: 350px;
    max-height: 500px;
  }

  .h2933f {
    flex: 1 1 55%;
  }

  .o20 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

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

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

.ba35e3 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

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

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

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

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

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

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

  .f08149 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

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

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

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

.l88d23 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.k9f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
}

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

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

.e54c {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

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

  .m74b48 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

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

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

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

.d0b7c8 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.pb504e8 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  text-align: center;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.o7cfcaab {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  font-style: italic;
  font-weight: 500;
}

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

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

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

.neb8c7d {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.8vw, 1.25rem);
  font-weight: 600;
}

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

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

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

  .p00558 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

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

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

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

.d6931 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

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

@media (min-width: 768px) {
  .kbf16cc {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

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

.cea {
  color: var(--color-text-on-accent);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.b076 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  opacity: 0.95;
}

.d0a8e4 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  justify-content: center;
  align-items: center;
}

.o64172d3,
.f254ec32 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
  text-align: center;
}

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

.o64172d3:hover {
  opacity: 0.9;
  text-decoration: none;
}

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

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

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

  .g4b63 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

.ede9f1 {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

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

.af52 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 1024px) {
  .c19d20aa {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.g6b5508 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

  .g6b5508 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .f29 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .g6b5508 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

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

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

.oafdfc {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.b490 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.i1a3f8 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.id42 {
  align-self: flex-start;
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-accent);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

.ka0b13 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.e920fa {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-2xl) 0;
}

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

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

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

@media (min-width: 1024px) {
  .g92b9559 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

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

.mc8fc50d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

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

.m66c7 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.ka670b {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

.m01cb9 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.p0d0e54 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.m8e19 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex: 1;
}

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

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

.h9f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ee3e8994 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.m23d {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

  .m66c7 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .aa715fb5 {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .ad67a {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .m66c7 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .ka670b {
    flex-direction: row;
  }

  .aa715fb5 {
    width: 45%;
    height: auto;
    min-height: 280px;
    order: 1;
  }

  .ka670b:nth-child(even) .aa715fb5 {
    order: 2;
  }

  .ea051 {
    width: 55%;
    padding: var(--spacing-xl);
    justify-content: center;
  }

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

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

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

.jcf29 .f7524292 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.jcf29 .k71e {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

.jcf29 .h7822 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.jcf29 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.jcf29 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.jcf29 ul {
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-lg);
}

.jcf29 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

.jcf29 .m13c26d {
  margin-bottom: var(--spacing-2xl);
}

.jcf29 .e36 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.jcf29 .e36 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.jcf29 .e36 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 1024px) {
  .jcf29 .k71e {
    padding: var(--spacing-4xl) 0;
  }
}

.da26cba {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.h9a2ddf {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.f7524292 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.m90c {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

.o2c6f {
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.o2c6f svg {
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-tight);
}

.p155 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 0 0;
  font-weight: 500;
  max-width: 700px;
}

.l5f58de6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 0 0;
  max-width: 700px;
}

.i4ec {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.75rem, 4vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  margin-top: var(--spacing-2xl);
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

.i4ec:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.i4ec:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .h9a2ddf {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

@media (min-width: 768px) {
  .h9a2ddf {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .m90c {
    gap: var(--spacing-2xl);
    margin-bottom: var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .f7524292 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

html, body {
  width: 100%;
  height: 100%;
}

.o2fcdd {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md) 0;
  overflow: hidden;
}

.lef {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding: var(--spacing-lg) var(--spacing-md);
}

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

.k71e {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.e6e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.b0a980 {
  position: relative;
  margin-bottom: var(--spacing-md);
  animation: floatError 3s ease-in-out infinite;
}

.fb05d53 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o204db {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 2;
}

.ec51 {
  position: absolute;
  width: clamp(200px, 60vw, 400px);
  height: clamp(200px, 60vw, 400px);
  border: 2px solid var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  z-index: 1;
  animation: rotateDecoration 20s linear infinite;
}

.a26 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.i62cff {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.c6c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto;
}

.b0454 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto;
}

.ma1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
}

.j3ee {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all var(--transition-base) ease;
  border-radius: var(--radius-md);
  min-width: 200px;
}

.a2a11 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  padding: var(--spacing-md) var(--spacing-lg);
  box-shadow: var(--shadow-md);
}

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

.a2a11:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ee46 {
  min-width: clamp(180px, 80vw, 280px);
  padding: clamp(0.875rem, 1vw + 0.5rem, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
}

.g5f001 {
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.b8b1a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  font-weight: 400;
}

@keyframes floatError {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes rotateDecoration {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

  .e6e {
    gap: var(--spacing-xl);
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .o204db {
    font-size: clamp(5rem, 12vw, 8rem);
  }

  .ec51 {
    width: clamp(250px, 50vw, 400px);
    height: clamp(250px, 50vw, 400px);
  }

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

  .c6c {
    font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
  }

  .b0454 {
    font-size: clamp(0.9rem, 0.9vw + 0.5rem, 1.05rem);
  }

  .ee46 {
    min-width: clamp(200px, 60vw, 300px);
  }
}

@media (min-width: 1024px) {
  .lef {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

  .e6e {
    gap: var(--spacing-2xl);
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .o204db {
    font-size: clamp(6rem, 10vw, 8rem);
  }

  .ec51 {
    width: 400px;
    height: 400px;
  }

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

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

  .i62cff {
    font-size: 2.5rem;
  }

  .c6c {
    font-size: 1.15rem;
  }

  .b0454 {
    font-size: 1rem;
  }

  .g5f001 {
    padding-top: var(--spacing-2xl);
  }

  .ee46 {
    min-width: 300px;
    padding: 1.125rem 2.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .b0a980 {
    animation: none;
  }

  .ec51 {
    animation: none;
  }

  .a2a11:hover {
    transform: none;
  }

  .a2a11:active {
    transform: none;
  }
}

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

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

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

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

.jca4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

.j8b07 {
  width: 100%;
}

.b80e96 {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 100%;
}

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

.d6b0f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  line-height: var(--line-height-tight);
}

.bbb595d1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pcbffe9 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.o7e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
  margin: 0;
}

.d7f430f,
.n5a {
  width: 100%;
  padding: 0.875rem 1rem;
  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.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.d7f430f::placeholder,
.n5a::placeholder {
  color: var(--color-text-muted);
}

.d7f430f:focus,
.n5a:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.n5a {
  min-height: 140px;
  resize: vertical;
}

.g65c {
  width: 100%;
}

.m7d24 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.g90dec4e:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.e66f1c {
  width: 100%;
  padding: 1rem 1.5rem;
  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: all var(--transition-base);
  box-sizing: border-box;
}

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

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

.e66f1c:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-accent), 0.2);
}

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

.o9dcad {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  line-height: var(--line-height-tight);
}

.f7cb95 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.f798 {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.gf9c2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
  flex-shrink: 0;
}

.ee4e4b {
  flex: 1;
}

.ja45 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: var(--line-height-tight);
}

.e2d05e3e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
  line-height: var(--line-height-normal);
}

.h26a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.a0ce7f:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.i6155 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 1.75rem;
  margin-top: 1rem;
}

.o6846 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.8vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-tight);
}

.f0f4c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.od2f3 {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
}

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

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

  .b80e96 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    width: 100%;
  }

  .nc381 {
    flex: 1 1 auto;
  }

  .b6011 {
    flex: 1 1 auto;
  }
}

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

  .b80e96 {
    gap: 4rem;
  }
}

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

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

.iceb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-tight);
}

.o1066 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.75rem 0;
  line-height: var(--line-height-relaxed);
}

.j29e {
  display: inline-block;
  padding: 0.9rem 2rem;
  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.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

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

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

@media (max-width: 600px) {
  .f798 {
    gap: 1rem;
  }

  .gf9c2 {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
  }

  .i6155 {
    padding: 1.25rem;
  }
}
.l2dbb5a8,.h7808{
  width: 34px;
}

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

.i8c18d{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .i8c18d{
    max-width: 100%;
  }
}

.i8c18d.mae{
  z-index: 999;
}

.j6b0c84{
  padding-top: 50px;
}

.l2dbb5a8[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .gbe245 {
    aspect-ratio: 6 / 9;
  }
  .g50c {
    aspect-ratio: 6 / 9;
  }
}