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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0f4ff;
  --color-bg-tertiary: #e0e7ff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #475569;
  --color-text-muted: #606977;

  --color-primary: #4338ca;
  --color-primary-hover: #3730a3;
  --color-primary-light: #ede9fe;
  --color-secondary: #6366f1;
  --color-secondary-light: #e0e7ff;

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

  --color-border: #cbd5e1;
  --color-border-light: #e2e8f0;

  --font-primary: 'Nunito', sans-serif;
  --font-heading: 'Bitter', serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

.ja03724 {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
}

.k3e010b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  font-weight: 600;
  border-radius: var(--radius-lg);
  font-size: 1rem;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

.n8dd682f {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

.e55a3 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.025em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e9d {
  display: flex;
}

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

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

.f5b {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

  .d28e6,
  .l136d,
  .b331 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .k3e010b {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: 0.95rem;
  }

  .ja03724 {
    padding: 0 var(--spacing-md);
  }
}
.k7c0 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
}

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

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

.j057:hover {
  opacity: 0.85;
}

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

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

.f6572d5 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 2.5rem;
  flex-grow: 1;
  justify-content: center;
}

.c4ba79ad {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
}

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

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

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

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

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

.of6070f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 5px;
  padding: 0;
  flex-shrink: 0;
}

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

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

.of6070f.f8c span:nth-child(2) {
  opacity: 0;
}

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

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

.h63.f8c {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ea9a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

.oebb7d79 {
  padding: 1rem 1.5rem;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: all var(--transition-base);
  border-left: 3px solid transparent;
}

.oebb7d79:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  border-left-color: var(--color-accent);
  padding-left: calc(1.5rem + 2px);
}

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

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

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

  .f6572d5 {
    display: flex;
  }

  .h72bf {
    display: block;
  }

  .of6070f {
    display: none;
  }

  .h63 {
    display: none !important;
  }
}

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

  .c4ba79ad {
    font-size: 1rem;
  }

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

    

.ne15 {
  width: 100%;
}

.ne15 * {
  box-sizing: border-box;
}

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

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

.k3e010b {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

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

.h6abb6 {
  flex: 1 1 50%;
  position: relative;
  min-height: 350px;
}

.oa4b2361 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50% 48% 52% 50% / 48% 52% 48% 52%;
  display: block;
}

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

  .i302f573 {
    flex: 1 1 100%;
  }

  .h6abb6 {
    flex: 1 1 100%;
    min-height: 280px;
  }

  .ne9 {
    flex-direction: column;
  }

  .k3e010b {
    width: 100%;
  }
}

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

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

.b2c7 {
  text-align: center;
}

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

.cc6c {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

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

.i8aad342 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  min-width: 80px;
}

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

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

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

@media (max-width: 768px) {
  .i8aad342 {
    font-size: 2rem;
    min-width: 60px;
  }
}

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

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

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

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

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

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

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

.g5956e {
  flex: 1 1 45%;
  min-height: 350px;
}

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

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

  .mb1c {
    flex: 1 1 100%;
  }

  .g5956e {
    flex: 1 1 100%;
    min-height: 280px;
  }
}

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

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

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

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

.k90 {
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.j46d {
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

  .nb4f0 {
    flex: 1 1 100%;
  }

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

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

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

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

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

.cde0d6 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  width: fit-content;
  margin: 0 auto;
}

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

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

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

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

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

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

.b8626 {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-muted);
  font-style: italic;
  margin: 0;
}

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

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

.j9e {
  text-align: center;
}

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

.kc2833cd {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.me27 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  position: relative;
  padding-left: clamp(2rem, 4vw, 3rem);
}

.me27::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

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

.k6aeff4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-weight: 700;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  flex-shrink: 0;
  margin-left: clamp(-2.5rem, -4vw, -3.5rem);
  position: relative;
  z-index: 1;
}

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

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

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

@media (max-width: 768px) {
  .me27 {
    padding-left: clamp(1.5rem, 2vw, 2rem);
  }

  .k6aeff4 {
    margin-left: clamp(-1.75rem, -2.5vw, -2.5rem);
  }
}

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

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

.p52 {
  text-align: center;
}

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

.h33bfc0d {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

.m2e {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: var(--transition-base);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.m2e:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

.kfa {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.95vw, 0.95rem);
  transition: var(--transition-base);
  width: fit-content;
}

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

.h934efcc {
  text-align: center;
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

.ia47 {
  text-align: center;
}

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

.mc8125b5 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

.je8 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 12px;
  background: var(--color-bg-card);
}

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

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

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

@media (max-width: 768px) {
  .je8 {
    flex: 1 1 100%;
    max-width: 100%;
    aspect-ratio: 16/9;
  }
}

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

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

.edea {
  text-align: center;
}

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

.ga158 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.bd74f1 {
  background: var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.d9ce193 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-on-accent);
  font-weight: 700;
  margin: 0;
}

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

.dc5cd5 {
  display: inline-block;
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  width: fit-content;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--color-text-on-accent);
}

.dc5cd5:hover {
  opacity: 0.8;
}

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

.a87 {
  flex: 1 1 250px;
  max-width: 350px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

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

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

.e4e1 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
  min-height: auto;
}

.e4e1.h5f {
  display: none;
}

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

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

.c44 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-family: var(--font-primary);
  transition: var(--transition-base);
}

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

.ha1c52f9 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-family: var(--font-primary);
  transition: var(--transition-base);
}

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

@media (max-width: 768px) {
  .e4e1 {
    padding: 1rem;
    gap: 1rem;
    justify-content: flex-start;
  }

  .a6f {
    width: 100%;
    justify-content: stretch;
  }

  .c44,
  .ha1c52f9 {
    flex: 1;
    min-width: 100px;
  }

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

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

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

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

.hfe,
.l6e45c,
.ncc7af,
.h7b1b2 {
  display: block;
}

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

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

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

.hfe p {
  max-width: 45ch;
  color: var(--color-text-secondary);
}

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

.c9761 li,
.h6e li {
  display: block;
}

.e54b7d a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-fast) ease, text-decoration var(--transition-fast) ease;
}

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

.ncc7af p {
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

.o876b8 {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
}

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

@media (min-width: 768px) {
  .h0d9e3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3rem);
    justify-content: space-between;
  }

  .hfe {
    flex: 1 1 280px;
    min-width: 250px;
  }

  .l6e45c {
    flex: 0 1 auto;
  }

  .ncc7af {
    flex: 0 1 auto;
  }

  .h7b1b2 {
    flex: 0 1 auto;
  }

  .hc86a052 {
    flex: 1 1 100%;
  }

  .c9761,
  .h6e {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .h0d9e3 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 3vw, 3rem);
    align-items: flex-start;
  }

  .hfe {
    flex: 1 1 auto;
    max-width: 320px;
  }

  .l6e45c,
  .ncc7af,
  .h7b1b2 {
    flex: 0 1 auto;
  }

  .hc86a052 {
    position: absolute;
    bottom: clamp(1.5rem, 2vw, 2rem);
    left: clamp(1rem, 3vw, 2rem);
    right: clamp(1rem, 3vw, 2rem);
    flex: none;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }

  .e54b7d {
    position: relative;
    padding-bottom: clamp(6rem, 10vw, 8rem);
  }
}

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

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

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

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

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

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

.g7c6 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  text-align: center;
  max-width: 650px;
  width: 100%;
  transition: all 0.3s ease;
}

.g7c6:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border-color: var(--color-accent);
}

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

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

.f24f {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  margin: clamp(1.25rem, 2vw, 1.75rem) 0 0 0;
}

.l9311 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.4rem 0.8rem;
  border-radius: 0.5rem;
  font-weight: 600;
}

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

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

.d35260d {
  text-align: center;
}

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

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

.g815a1ba {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(300px, 100%, 400px);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.625rem, 1.5vw, 1rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.g815a1ba:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  border-color: var(--color-secondary);
}

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

.ie018c {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

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

.h9e5b i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.m7409 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  margin-top: clamp(0.5rem, 1vw, 1rem);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
}

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

@media (max-width: 767px) {
  .g7c6 {
    border-radius: 0.75rem;
  }

  .f1ef {
    flex-direction: column;
  }

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

  .k2d0 {
    gap: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .f1ef {
    justify-content: center;
  }

  .g815a1ba {
    flex: 1 1 calc(50% - 1rem);
    max-width: 400px;
  }
}

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

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

  .g815a1ba {
    flex: 1 1 calc(33.333% - 1.67rem);
    max-width: 400px;
  }
}

html, body, div, section, nav, article, h1, h2, h3, h4, h5, h6, p, span, a, ul, li, img {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.o6e1002 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

.p9de2 {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: center;
}

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

.lef5d {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.f8a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 3rem);
  flex-wrap: wrap;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.hf2c5 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
}

.hf2c5 i {
  color: var(--color-accent);
}

.g08d18a {
  margin-top: 2rem;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  max-height: 500px;
}

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

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

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

.odc6c17 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .a6514bc {
    flex-direction: column;
  }
  
  .eb72,
  .a35 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.f0b8021 {
  flex: 1;
}

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

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

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

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

@media (max-width: 768px) {
  .c31 {
    flex-direction: column;
  }
  
  .e40b4,
  .g75871 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.if860f {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

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

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

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

@media (max-width: 768px) {
  .n6240 {
    flex-direction: column;
  }
  
  .j5e,
  .nc3abd {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .if860f {
    grid-template-columns: 1fr;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .jc123ce {
    flex-direction: column;
  }
  
  .c9b3e,
  .k365350e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.o7405a {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

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

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

.f76b2 a:hover {
  text-decoration: underline;
}

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

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

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

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

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

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

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

.k28a385 {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--color-text-secondary);
}

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

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

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

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

  .nda3b,
  .o0dca {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

.pa6e {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border-left: 4px solid var(--color-accent);
}

.n9da45e {
  flex-shrink: 0;
}

.n9da45e img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

.b28 {
  flex: 1;
}

.o1407f {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: var(--spacing-xs);
}

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

.o1407f a:hover {
  text-decoration: underline;
}

.c24 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

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

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

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

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

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

.ee85 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  text-align: center;
  margin-bottom: var(--spacing-md);
}

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

.pea92 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

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

.bac4fd96 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border-top: 3px solid var(--color-accent);
  text-align: center;
  transition: var(--transition-base);
}

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

.g462d {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
}

.h9dddc2b {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

.gd2 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.i10f9c80 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  margin-bottom: var(--spacing-lg);
}

.l4dd {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.lfa {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-lg);
}

.l72 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
}

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

.c33 {
  flex: 1;
}

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

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

.c594 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  background: var(--color-accent-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  margin-top: var(--spacing-lg);
  align-items: flex-start;
}

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

.g0c4080 {
  flex: 1;
}

.lbba78 {
  color: var(--color-accent);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  margin-bottom: var(--spacing-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.m3cb {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

.f1e0 {
  background: rgba(67, 56, 202, 0.05);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

.f26603 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  margin-bottom: var(--spacing-xs);
  font-weight: 600;
}

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

.ie875aa2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

.a5a926 {
  flex: 1 1 calc(50% - var(--spacing-md));
  background: var(--color-bg-card);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  min-width: 200px;
}

.d81 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  margin-bottom: var(--spacing-xs);
  font-weight: 600;
}

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

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

  .o1aace,
  .e1a8d {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.k309128c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  text-align: center;
  margin-bottom: var(--spacing-lg);
}

.p0ef08 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  text-align: center;
}

.m2282 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
}

.pa8c {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.g0f7e484 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.25rem;
  margin-top: 2px;
}

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

.n9cd9f {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.8;
  text-align: center;
  font-weight: 500;
  color: var(--color-text-primary);
}

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

.g83ff {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

.i49f2b51 {
  flex: 1;
}

.d9f1cf3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

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

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

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

.e153 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  text-align: center;
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

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

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

.m98d {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  margin-bottom: var(--spacing-sm);
  line-height: 1.4;
}

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

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

.be82e {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
  flex: 1;
}

.m8390 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-md);
}

.c35a3e6c::before {
  content: ' ';
  margin-right: 4px;
}

.kb473f08::before {
  content: ' ';
  margin-right: 4px;
}

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

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

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

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

.ea154 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  margin-bottom: var(--spacing-md);
}

.m815853d {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
}

.g932281 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  transition: var(--transition-base);
  text-decoration: none;
  border: 2px solid var(--color-accent);
}

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

@media (max-width: 768px) {
  .g932281 {
    display: block;
    text-align: center;
  }
}

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

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

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

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

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

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

.ka77 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

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

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

.a2e97ec7 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: center;
}

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

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

.g98 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.ifc8 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ifc8 i {
  color: var(--color-accent);
  font-size: 1em;
}

.nf057 {
  margin-top: 2rem;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  max-height: 500px;
}

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

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

.m8f31 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.j780 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h431fa63 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.m1a1f0 {
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
}

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

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

.ec72 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 4px solid var(--color-accent);
}

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

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

@media (max-width: 768px) {
  .gce570df {
    flex-direction: column;
  }
  
  .he85f362,
  .h431fa63 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.h621 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.f2fe7e {
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.hfd {
  background: var(--color-bg-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
  color: var(--color-accent);
}

@media (max-width: 768px) {
  .i5da7a {
    flex-direction: column-reverse;
  }
  
  .nfbcba,
  .h621 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.nf72 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.i9f8ac2d {
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.kbe1f {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-secondary);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  margin: 1.5rem 0;
}

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

@media (max-width: 768px) {
  .pb64e947 {
    flex-direction: column;
  }
  
  .k7e203,
  .nf72 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.n3a35 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.of13582e {
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .bb0bbf6 {
    flex-direction: column-reverse;
  }
  
  .efce81,
  .n3a35 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.db22 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  border: 2px solid var(--color-accent);
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

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

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

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

.ie59f6 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 4px solid var(--color-secondary);
  max-width: 800px;
  margin: 0 auto;
}

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

.k56c287 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

.dbdbd {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 100%;
}

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

.d86a3a {
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  height: 200px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mef052 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.g14e1e {
  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: 1.15;
}

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

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

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

.l0f268 i {
  color: var(--color-accent);
}

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

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

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

  .ge2c,
  .b25 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.a8616c {
  flex: 0 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pada21b,
  .d1f1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

.i85 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
}

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

  .ac7368,
  .i85 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.c383f {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
}

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

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

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

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

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

.p8fd6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.bdcc {
  flex: 1 1 auto;
}

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

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

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

  .c383f,
  .f02b29d {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

.kbd1c43d {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-secondary);
}

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

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

.h4082a2 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
}

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

  .a49,
  .h4082a2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.d1ca3 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.2;
}

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

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

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

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

.kf1 {
  flex: 0 0 auto;
}

.kf1 i {
  color: var(--color-warning);
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
}

.jd94 {
  flex: 1 1 auto;
}

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

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

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

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

.eabdfe {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

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

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

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

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

.bf5dcfb {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

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

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

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

.i400f1 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

.m60d4e47 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 24px rgba(67, 56, 202, 0.12);
}

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

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

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

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

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

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

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

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

.n3b74 {
  text-align: center;
}

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

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

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

.c377a413 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.c377a413:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(67, 56, 202, 0.1);
}

.kc61 {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

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

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

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

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

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

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

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

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

.g6e357 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  text-align: center;
}

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

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

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

.f19b36b {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: 12px;
  display: block;
  margin: 0 auto;
  box-shadow: 0 8px 24px rgba(67, 56, 202, 0.1);
}

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

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

.e2d0b {
  text-align: center;
}

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

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

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

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

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

.l379195 {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

.md57 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

  .g6e357 {
    flex: 1 1 100%;
  }

  .l23761 {
    align-items: center;
  }
}

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

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

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

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

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

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

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

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

.p887 {
  width: 100%;
}

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

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

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

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

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

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

.ie9a6 {
  width: 100%;
  max-height: 450px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

@media (min-width: 768px) {
  .mc4 {
    flex-direction: row;
    align-items: center;
  }

  .i8fed0 {
    flex: 1 1 50%;
  }

  .ie9a6 {
    flex: 1 1 50%;
    max-height: 500px;
  }
}

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

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

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

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

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

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

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

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

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

.p9d578 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

.cc6b65 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

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

.m89009 {
  flex: 1 1 clamp(250px, 30%, 350px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.ad07045 {
  width: 48px;
  height: 48px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.75rem;
}

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

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

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

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

.g5f9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

.h1f6a269 {
  flex: 1 1 clamp(280px, 45%, 400px);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.ka9 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

.e6fd3d99 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

.icd {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

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

.ne72 {
  flex: 1 1 clamp(260px, 45%, 380px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

.lb2f5 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

.ccfa140 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 700px;
}

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

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

.c2c712 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: center;
  width: 100%;
  max-width: 900px;
}

.cf8 {
  flex: 1 1 clamp(200px, 30%, 280px);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

.ifc67e {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  line-height: 1.5;
}

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

.f42 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.75rem);
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .m89009 {
    flex: 1 1 30%;
  }

  .h1f6a269 {
    flex: 1 1 45%;
  }

  .ne72 {
    flex: 1 1 45%;
  }

  .c2c712 {
    flex-direction: row;
  }

  .cf8 {
    flex: 1 1 auto;
  }
}

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

.f504566b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  animation: fadeInHero 0.8s ease-out;
}

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

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

.e729cb7 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

@media (min-width: 1024px) {
  .f504566b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.oc8 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.o96190 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  animation: slideInCard 0.6s ease-out;
  animation-fill-mode: both;
}

.o96190:nth-child(1) {
  animation-delay: 0.1s;
}

.o96190:nth-child(2) {
  animation-delay: 0.2s;
}

.o96190:nth-child(3) {
  animation-delay: 0.3s;
}

.o96190:nth-child(4) {
  animation-delay: 0.4s;
}

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

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

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

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

.o96190:hover .of46 img {
  transform: scale(1.05);
}

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

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

.nffd5 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.3;
}

.aec1 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  padding: 0.35rem var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

  .oc8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .of46 {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .cd242 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .oc8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .of46 {
    height: 300px;
  }
}

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

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

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

.lfdce {
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.hbd4568c {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.875rem var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

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

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

@media (min-width: 1024px) {
  .c79 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

@media (max-width: 479px) {
  .e729cb7 {
    font-size: 1.5rem;
  }

  .nffd5 {
    font-size: 1.125rem;
  }

  .l51 {
    font-size: 1.5rem;
  }
}

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

.e9098 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  text-align: center;
  overflow: hidden;
}

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

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

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

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

@media (min-width: 1024px) {
  .e9098 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }
}

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

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

.ibe3be {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-4xl);
}

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

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

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

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

.l097 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.l097 i {
  font-size: 28px;
  color: var(--color-primary);
}

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

.hb2 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.o4c {
  list-style: none;
  margin: var(--spacing-lg) 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-lg);
}

.o4c li {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  padding-left: 24px;
  position: relative;
}

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

.ee66 {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}

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

.nb6ff {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
}

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

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

.afaa {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  text-align: center;
  overflow: hidden;
}

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

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

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

.lc02a {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

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

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

@media (min-width: 1024px) {
  .k6825 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

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

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

.eee4 .ja03724 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.eee4 .faa44f {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

.eee4 .f3735 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.eee4 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--color-border-light);
}

.eee4 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.eee4 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.eee4 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.eee4 .p8d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.eee4 .p8d h2 {
  border-bottom: none;
  margin-top: 0;
  padding-bottom: 0;
}

.eee4 .p8d p {
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 1024px) {
  .eee4 .faa44f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

main.h5fdd {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.kc272 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ja03724 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.f467 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.k50bf5bb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  color: var(--color-success);
  animation: successPulse 0.6s ease-out;
}

.k50bf5bb svg {
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.5px;
}

.j3a06 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.6;
}

.nc7 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
}

.bc8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  font-style: italic;
}

.k3e010b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  margin-top: var(--spacing-md);
}

.m082c3 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.m082c3:hover {
  background-color: var(--color-primary-hover);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.m082c3:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@keyframes successPulse {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .kc272 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .k50bf5bb {
    width: 140px;
    height: 140px;
  }

  .k50bf5bb svg {
    width: 140px;
    height: 140px;
  }

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

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

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

  .k50bf5bb {
    width: 160px;
    height: 160px;
  }

  .k50bf5bb svg {
    width: 160px;
    height: 160px;
  }

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

@media (min-width: 1024px) {
  .kc272 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

.mab4b {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.faa44f {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
}

.g26 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.k79 {
  position: relative;
  width: clamp(200px, 60vw, 400px);
  height: clamp(200px, 60vw, 400px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.d4dbd12a {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
  letter-spacing: -0.02em;
  line-height: 1;
  z-index: 2;
  position: relative;
}

.g019e996 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.l758 {
  position: absolute;
  border: 2px solid var(--color-primary);
  opacity: 0.3;
  border-radius: var(--radius-md);
}

.e3ab {
  width: clamp(80px, 25vw, 150px);
  height: clamp(80px, 25vw, 150px);
  top: 5%;
  right: -5%;
  animation: float-element-1 4s ease-in-out infinite;
}

.oa47a86 {
  width: clamp(60px, 18vw, 120px);
  height: clamp(60px, 18vw, 120px);
  bottom: 10%;
  left: -8%;
  animation: float-element-2 5s ease-in-out infinite;
}

.eb7dcc {
  width: clamp(50px, 15vw, 100px);
  height: clamp(50px, 15vw, 100px);
  top: 50%;
  right: 5%;
  animation: float-element-3 6s ease-in-out infinite;
  border-radius: 50%;
}

@keyframes float-element-1 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-30px) rotate(180deg);
  }
}

@keyframes float-element-2 {
  0%, 100% {
    transform: translateX(0px) rotate(0deg);
  }
  50% {
    transform: translateX(30px) rotate(-180deg);
  }
}

@keyframes float-element-3 {
  0%, 100% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.2) rotate(180deg);
  }
}

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

.l3e2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.paca {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.a2c3f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.m6b3 {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  flex-wrap: wrap;
}

.k3e010b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
}

.m082c3 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

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

.m733b1 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}

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

.mb83a324 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.mb83a324 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

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

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

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

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

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

  .mb83a324 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .mab4b {
    padding: var(--spacing-xl);
  }

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

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

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

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

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

@media (max-width: 480px) {
  .k79 {
    margin-bottom: var(--spacing-md);
  }

  .g019e996 {
    opacity: 0.5;
  }

  .l758 {
    border-width: 1px;
  }

  .m6b3 {
    flex-direction: column;
  }

  .k3e010b {
    width: 100%;
  }

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

@media (prefers-reduced-motion: reduce) {
  .l758 {
    animation: none;
    opacity: 0.15;
  }

  .m082c3:hover {
    transform: none;
  }
}

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

.ja03724 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j87f3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.ae26 {
  text-align: center;
}

.f4aef9c5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.je968 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 1024px) {
  .j87f3 {
    padding: 5rem 0;
  }
}

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

.ba2bacf1 {
  width: 100%;
}

.ie5 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

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

  .b5de {
    flex: 1 1 45%;
  }
}

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

.cb2a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.e33 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.e77 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.f2da7 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.e1a,
.o36 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.5;
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

.e1a::placeholder,
.o36::placeholder {
  color: var(--color-text-muted);
}

.e1a:focus,
.o36: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);
}

.o36 {
  resize: vertical;
  min-height: 120px;
}

.d3a02b7b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.8vw + 0.5rem, 0.9rem);
  color: var(--color-danger);
  display: none;
  margin-top: -0.25rem;
}

.d3a02b7b.c30 {
  display: block;
}

.n600 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  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 + 0.5rem, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  margin-top: var(--spacing-sm);
}

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

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

.b431d2f9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.8vw + 0.5rem, 0.9rem);
  line-height: 1.5;
  color: var(--color-text-muted);
  margin: 0;
  text-align: center;
}

.beb8c9 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

.beb8c9:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.adb {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.kbc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

.pc0 {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.pc0:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: var(--shadow-sm);
}

.d4cabea {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.m320f {
  flex: 1;
  min-width: 0;
}

.ga4ade {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.hc3d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.of0 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.8vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
}

.c5a56c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.c5a56c:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.k4c {
  padding: var(--spacing-2xl);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  text-align: center;
  border: 1px solid var(--color-primary);
}

.ke83318 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.b01 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.f6e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.j427b {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.i6c6f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  text-align: center;
}

.a352 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
}

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

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

.dccffe0.f8c {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.n56 {
  padding: var(--spacing-lg);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  user-select: none;
  transition: background-color var(--transition-base);
}

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

.ne0f {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  text-align: left;
  flex: 1;
}

.h8e776 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-sm);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  transition: transform var(--transition-base);
}

.dccffe0.f8c .h8e776 {
  transform: rotate(45deg);
}

.a874 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-slow);
  border-top: 1px solid var(--color-border-light);
}

.dccffe0.f8c .a874 {
  max-height: 500px;
}

.a874 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
  padding: var(--spacing-lg);
}

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

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

@media (min-width: 1024px) {
  .g20 {
    padding: 5rem 0;
  }

  .f6e {
    padding: 5rem 0;
  }
}

@media (max-width: 1023px) {
  .k1f901f,
  .b5de {
    flex: 1 1 100%;
  }
}
.of6070f,.ke5950{
  width: 34px;
}

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

.h63{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .h63{
    max-width: 100%;
  }
}

.h63.f8c{
  z-index: 999;
}

.cc606c{
  padding-top: 50px;
}

.of6070f[aria-expanded="true"]{
  display: none;
}