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

:root {
  --color-bg-primary: #0b1120;
  --color-bg-secondary: #111b33;
  --color-bg-tertiary: #182545;
  --color-bg-card: #111b33;

  --color-text-primary: #e0f2fe;
  --color-text-secondary: #93c5fd;
  --color-text-muted: #60a5fa;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #3b82f6;
  --color-secondary: #3b82f6;
  --color-secondary-light: #60a5fa;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #1e3a5f;
  --color-border-light: #0f2744;

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

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i7e5d6c:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
}

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

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

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

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-secondary);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

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

select {
  cursor: pointer;
  padding-right: var(--spacing-xl);
}

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

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

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

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

.d38b8 {
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

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

.b3ce8 {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  gap: var(--spacing-md);
  justify-content: flex-end;
}

.e39ed {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-xl);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.f136b {
  background: rgba(37, 99, 235, 0.2);
  color: var(--color-primary-light);
}

.o03b5 {
  background: rgba(16, 185, 129, 0.2);
  color: var(--color-success-light);
}

.dd81 {
  background: rgba(245, 158, 11, 0.2);
  color: var(--color-warning-light);
}

.ccc {
  background: rgba(239, 68, 68, 0.2);
  color: var(--color-danger-light);
}

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

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

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

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

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

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

.m031c563 {
  text-align: center;
}

.o3e48d {
  text-align: right;
}

.jff0 {
  text-align: left;
}

.l6e36 {
  font-weight: 700;
}

.na559f53 {
  font-weight: 600;
}

.l2dea138 {
  font-weight: 500;
}

.a977ad {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.m58b {
  text-transform: lowercase;
}

.b96 {
  text-transform: capitalize;
}

.p5942a9c {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nd6975 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.k14b {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.k6b3 {
  display: flex;
}

.a74 {
  flex-direction: column;
}

.mb1 {
  flex-direction: row;
}

.cce0 {
  flex-wrap: wrap;
}

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

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

.f3f {
  display: flex;
  align-items: flex-start;
}

.e5e {
  display: flex;
  align-items: flex-end;
}

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

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

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

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

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

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

.lc375 {
  display: grid;
}

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

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

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

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

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

.f65 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.oa4fc94 {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.p4afc01d {
  border-radius: 9999px;
}

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

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

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

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

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

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

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

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

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

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

.k938 {
  border-color: var(--color-secondary);
}

.j93c9c {
  opacity: 0.5;
}

.o045c74 {
  opacity: 0.75;
}

.p8f60b {
  visibility: hidden;
}

.a2a49 {
  display: none;
}

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .ofe,
  .ac3,
  .h517776 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .j2eece {
    width: 100%;
  }

  input,
  textarea,
  select {
    font-size: 16px;
  }
}
.h19ed87 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

.l1e627 {
  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: 1.5rem;
}

.ke43ac {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

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

.ke43ac:hover .o4f {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

.fd1e8a {
  display: none;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  flex: 1;
  justify-content: center;
}

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

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

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

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

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

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

.j33c8 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

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

.j33c8.fd0517 span:nth-child(2) {
  opacity: 0;
}

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

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

.pbbccf.fd0517 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.m81 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j2b3 {
  margin: 1.5rem clamp(1rem, 4vw, 2rem);
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-base);
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .j33c8 {
    display: none;
  }

  .pbbccf {
    display: none;
  }

  .fd1e8a {
    display: flex;
  }

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

@media (max-width: 767px) {
  .o4f {
    font-size: clamp(0.95rem, 2vw, 1.25rem);
  }

  .kac6751 {
    width: 36px;
    height: 36px;
  }
}

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

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

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

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

.j2eece {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

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

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

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

.g26 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

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

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

  .p3cf0 {
    flex: 1 1 100%;
  }

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

  .l04c {
    flex-direction: column;
  }
}

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

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

.d926c {
  border-left: 4px solid var(--color-primary);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  text-align: left;
  margin: 0;
}

.ec63 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-style: italic;
  line-height: 1.6;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

.kad:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

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

.j42 {
  text-align: center;
}

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

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

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

.e16e22e {
  flex: 1 1 300px;
  max-width: 500px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.h85b3 {
  color: var(--color-primary);
  font-size: clamp(1.5rem, 2vw, 2rem);
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b40ee {
  flex: 1;
}

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

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

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

.e11ece2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  justify-content: center;
}

.i77447 {
  border: 2px solid var(--color-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 700px;
  background: rgba(37, 99, 235, 0.05);
}

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

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

.j0ccd {
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

.m751d4 {
  text-align: center;
}

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

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

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

.mea33c35::before {
  content: '';
  position: absolute;
  left: clamp(0.75rem, 2vw, 1.25rem);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-primary);
}

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

.ha212 {
  color: var(--color-bg-primary);
  background: var(--color-primary);
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
  flex-shrink: 0;
  position: absolute;
  left: clamp(-2.75rem, -4vw, -3.75rem);
  top: 0;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.e97fb26 {
  text-align: center;
}

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

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

.h21353 {
  flex: 1 1 280px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
}

.gea0 {
  color: var(--color-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  font-style: italic;
  margin: 0;
  font-weight: 600;
  line-height: 1.5;
}

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

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

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

.m0d6 {
  text-align: center;
}

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

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

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

.h1c {
  flex: 1 1 50%;
  background: 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;
}

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

.m49e {
  width: 100%;
  height: auto;
  max-height: 300px;
  overflow: hidden;
}

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

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

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

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

.k6cf {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  align-self: flex-start;
}

.k6cf:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.i7ec {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  padding: clamp(1rem, 2vw, 1.5rem);
}

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

.j46bc4 {
  width: clamp(80px, 15vw, 120px);
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

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

.jae {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

.h984d4a4 {
  text-align: center;
}

.b76bfe {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

  .h1c {
    flex: 1 1 100%;
  }

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

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

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

.pb7acc92 {
  text-align: center;
}

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

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

.mc5c {
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-weight: 500;
  transition: all var(--transition-base);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-md);
}

.mc5c:hover {
  color: var(--color-primary);
  background: rgba(37, 99, 235, 0.1);
}

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

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

.bef {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

.c505 {
  position: absolute;
  left: clamp(1rem, 2vw, 1.5rem);
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-muted);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  pointer-events: none;
}

.kc15266 {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.25rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.25rem) clamp(3rem, 4vw, 3.5rem);
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-family: var(--font-primary);
  transition: all var(--transition-base);
}

.kc15266:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.gc8c {
  text-align: center;
}

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

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

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

.le0c6c {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.3vw, 1.2rem);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  font-weight: 600;
}

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

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

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

.e08700 {
  text-align: center;
}

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

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

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

.p78a {
  flex: 1 1 300px;
  max-width: 500px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.j135f947.a2a49 {
  display: none;
}

.d11606 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  text-align: center;
  flex: 1 1 100%;
  min-width: 200px;
  line-height: 1.5;
}

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

.h6b3f5e,
.icf63c36 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 0.95vw, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  font-family: var(--font-primary);
}

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

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

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

.icf63c36:hover {
  background: var(--color-bg-card);
  border-color: var(--color-primary);
}

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

  .mea33c35::before {
    left: clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .ha212 {
    left: clamp(-2.25rem, -3.5vw, -3rem);
  }

  .i7ec {
    flex-direction: column;
  }

  .j46bc4 {
    width: 100%;
    height: auto;
    max-height: 180px;
  }

  .j135f947 {
    flex-direction: column;
  }

  .d11606 {
    flex: 1 1 auto;
  }

  .oef {
    width: 100%;
  }
}

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

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

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

.jfb9df {
  display: block;
  max-width: 500px;
}

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

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

.d9d0f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 6vw, 4rem);
}

.f9d,
.id8,
.edc {
  display: block;
  flex: 1 1 200px;
  min-width: 160px;
}

.f9d h3,
.id8 h3,
.edc h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw, 1.25rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
  letter-spacing: -0.3px;
}

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

.c42f5d li,
.b540ed li {
  display: block;
}

.f9d a,
.edc a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
  transition: color var(--transition-fast) ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.id8 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
  margin: 0;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.id8 p + p {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

  .f9d,
  .id8,
  .edc {
    flex: 1 1 100%;
  }
}

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

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

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

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

a {
  text-decoration: none;
  color: inherit;
}

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

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

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

.p54f {
  background: linear-gradient(135deg, #182545 0%, #0f1b2e 50%, #111b33 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

.p54f::before {
  content: '';
  position: absolute;
  top: 0;
  right: -10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.cd99 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
  position: relative;
  z-index: 1;
}

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

.nefd52 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

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

.jcd18 {
  background: rgba(37, 99, 235, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

.gcc1 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.a5ba9 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 400;
}

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

.bf7743 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 300px;
  max-width: 380px;
  transition: all 0.3s ease;
  overflow: hidden;
}

.bf7743:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}

.aad {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.n95b0 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
}

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

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

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

.ja53 i,
.p887f i,
.bbff372 i {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.n61e {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: 6px;
  background: rgba(37, 99, 235, 0.1);
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

  .a945f {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }

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

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

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

  .p54f::before {
    width: 300px;
    height: 300px;
    right: -5%;
  }

  .d334 {
    gap: 0.75rem;
    padding: 0.75rem 0;
  }
}

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

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

  .bf7743 {
    flex: 1 1 calc(33.333% - 2rem);
    min-height: 550px;
  }
}

@media (max-width: 1023px) {
  .d93d5f {
    justify-content: center;
  }

  .bf7743 {
    flex: 0 1 calc(50% - 1rem);
    max-width: 380px;
  }
}

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

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

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

html, body {
  font-family: 'DM Sans', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.i913e5b2 a {
  color: var(--color-secondary);
}

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

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

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

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

.eacc126c {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.k96b39e8 {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.h13 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

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

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

.g09 {
  flex: 1 1 50%;
  min-height: 300px;
}

.j9345ce {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
  display: block;
}

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

  .nb6fc15 {
    flex: 1 1 100%;
  }

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

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

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

.k5c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

.a06 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

.ff651439 {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.f172b428 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

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

.af6 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-accent);
  font-weight: 700;
  min-width: clamp(4rem, 8vw, 6rem);
  text-align: center;
}

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

.ef04 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: 'DM Serif Display', serif;
}

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

.g7061ea5 {
  width: 100%;
  max-height: 400px;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  margin-top: 1rem;
}

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

  .af6 {
    min-width: 3rem;
  }
}

.i0433 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin: clamp(2rem, 3vw, 2.5rem) 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.j66f2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.j66f2 i {
  color: var(--color-warning);
  font-size: 1.25rem;
}

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

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

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

.bf6c6b7f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

.i7ad9dd6 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.i7ad9dd6:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);
}

.ic9d649c {
  font-size: 2rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.da84 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

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

.a10 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 2rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
}

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

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

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

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

.e243f8 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.a1712596 {
  flex: 0 0 auto;
}

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

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

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

.g25 {
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'DM Serif Display', serif;
}

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

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

.n82e7a6 {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

  .i3f3 {
    align-items: center;
  }
}

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

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

.g142 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

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

.o90 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.o90:hover {
  transform: translateY(-6px);
  border-color: var(--color-accent);
  box-shadow: 0 15px 40px rgba(37, 99, 235, 0.15);
}

.fd23bd {
  width: 100%;
  height: 240px;
  overflow: hidden;
}

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

.o90:hover .a42e8 {
  transform: scale(1.05);
}

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

.e653b9 {
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: 'DM Serif Display', serif;
  line-height: 1.4;
}

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

.p788c {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

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

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

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

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

@media (max-width: 480px) {
  .h13 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .af6 {
    min-width: auto;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g24eef,
  .ec4fad7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

.kde5088 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f7cf {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: bold;
  color: var(--color-accent);
  min-width: clamp(3.5rem, 8vw, 5rem);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

  .pf86b,
  .l6b9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .kde5088 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

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

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

.o37c5 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

.nad1ed6 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.m3cd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c366 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: bold;
  color: var(--color-accent);
  min-width: clamp(3.5rem, 8vw, 5rem);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

  .b870c,
  .j2d7465 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m3cd {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

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

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

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

.oa3eb {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l3cef2 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: bold;
  color: var(--color-accent);
  min-width: clamp(3.5rem, 8vw, 5rem);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

  .ifebb09b,
  .c701 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .oa3eb {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

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

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

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

.i1b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b0122ef {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: bold;
  color: var(--color-accent);
  min-width: clamp(3.5rem, 8vw, 5rem);
  font-family: var(--font-heading);
}

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

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

.d7db {
  flex: 1 1 calc(33.333% - clamp(1rem, 3vw, 2rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

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

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

.mdd9 {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

  .i1b {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

.efc7 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

.k174b {
  flex-shrink: 0;
}

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

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

.ca5dd4 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .k174b {
    flex-shrink: 0;
  }
}

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

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

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

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

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

.f7223ec8 {
  flex: 1 1 calc(33.333% - clamp(1rem, 3vw, 2rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

.jfc4d {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  overflow: hidden;
}

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

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

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

.pda {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.975rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  flex: 1 1 auto;
}

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

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

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

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

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

.m43f3 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'DM Sans', sans-serif;
  line-height: 1.6;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.n7ecf4 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

.f36bea3 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

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

.a1ab652 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  max-width: 700px;
}

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

.b2e9 strong {
  color: var(--color-accent);
}

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

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

.hc0eae {
  font-size: clamp(3rem, 8vw, 6rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  min-width: clamp(3rem, 8vw, 6rem);
}

.da758b {
  flex: 1;
}

.p112d59 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

.e51205 {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.e51205 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  object-fit: cover;
}

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

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

.e4f2 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  max-width: 800px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.c80cd71 {
  flex: 1;
}

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

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

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

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

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

.b8bb01 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

.hdfda2 {
  list-style: none;
  padding: 0;
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
}

.c5f2 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  position: relative;
  line-height: 1.6;
}

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

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

.k66da img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  object-fit: cover;
}

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

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

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

.k54851f img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  object-fit: cover;
}

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

.mc2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

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

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

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

.d33d0f43 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

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

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

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

.ld56772 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

.g1ce3b {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.75rem;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.e18cb8f {
  font-size: clamp(2rem, 5vw, 3rem);
  font-family: 'DM Serif Display', serif;
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

.df2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

.c34df {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 0.5rem;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

.d86e {
  flex-shrink: 0;
}

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

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

.le661 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  font-family: 'DM Serif Display', serif;
}

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

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

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

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

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

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

.m736934 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  text-align: center;
}

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

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

.f7377541:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.2);
}

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

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

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

.p22a {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  font-family: 'DM Serif Display', serif;
}

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

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

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

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

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

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

  .m01a {
    flex-direction: column;
  }

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

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

  .f06c {
    flex-direction: column;
  }

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

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

  .p9e {
    flex-direction: column;
  }

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

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

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

  .hc0eae {
    font-size: clamp(2rem, 6vw, 4rem);
    min-width: clamp(2rem, 6vw, 4rem);
  }

  .k790d8ec {
    flex-direction: column;
  }

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

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

  .j67 {
    flex-direction: column;
  }

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

@media (max-width: 768px) {
  .ib713c64 {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
  }

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

  .o3ae {
    margin-top: 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bcec {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

.k85ab8fb {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  display: block;
  object-fit: cover;
}

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

  .of7ad744,
  .e672ba69 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.g42f img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  object-fit: cover;
  display: block;
}

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

  .j9ae52,
  .g42f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.o7ce {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
}

.h70b047c {
  font-size: clamp(3rem, 8vw, 6rem);
  color: var(--color-accent);
  font-weight: 700;
  opacity: 0.2;
  margin-bottom: 1rem;
  line-height: 1;
  font-family: var(--font-heading);
}

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

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

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

.h7b9dd img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  object-fit: cover;
  display: block;
}

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

  .o7ce,
  .h7b9dd {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h70b047c {
    font-size: clamp(2.5rem, 6vw, 4rem);
  }
}

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

.g8ba {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: rgba(37, 99, 235, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.375rem;
  align-items: flex-start;
}

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

.e35 {
  flex: 1;
}

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

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

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

  .da963907 {
    margin-top: 0;
  }
}

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

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

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

.e5d img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  object-fit: cover;
  display: block;
}

.b3cd3 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
}

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

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

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

  .e5d,
  .b3cd3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.fe2e1a {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
}

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

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

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

.cdd12f0 img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  object-fit: cover;
  display: block;
}

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

  .fe2e1a,
  .cdd12f0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.ie51c7 {
  text-align: center;
}

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

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

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

.nb5d {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.375rem;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

.j4f {
  display: flex;
  justify-content: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.f54d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
}

.l8aa {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.g97 {
  flex: 1;
}

.f684 {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

.nc1432c {
  text-align: center;
}

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

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

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

.l078d {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

.g5b4cc {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k957 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

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

.ca29 {
  width: 100%;
  max-width: 900px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

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

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

.i045e9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.b39f3d {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

.kdfbe {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 2rem);
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

.m19e9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.idcea {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

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

.kdbb {
  flex: 1 1 clamp(250px, 30vw, 380px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
  min-height: auto;
}

.kdbb:hover {
  transform: translateY(-4px);
  border-color: var(--color-secondary);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
}

.i489 {
  color: var(--color-secondary);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  line-height: 1;
}

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

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

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

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

.hc9e7d {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.g900 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

.n0c7ddc {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 2rem);
  max-width: 850px;
  margin: 0 auto;
}

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

.cbba {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: clamp(1.5rem, 3vw, 2rem) auto 0;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

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

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

.i8e19f2 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

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

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

.e50de67 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.7;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

.o9dd {
  color: var(--color-secondary);
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.c6926 {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

  .e7b9b04,
  .c6926 {
    flex: 1 1 100%;
  }
}

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

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

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

.a39086 {
  color: var(--color-secondary);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

  .b7314,
  .j0bc8,
  .o33a01b4,
  .ee51,
  .e66de,
  .kf2 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

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

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

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

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

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

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

.la668b57 {
  width: 100%;
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

.d96e703 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e62ce {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .a3d {
    flex: 1 1 55%;
    text-align: left;
  }
}

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

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

.o50b {
  text-align: center;
}

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

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

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

.l71bec89 p {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f920 {
  text-align: center;
}

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

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

.c9df {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b3ec1 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.de4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 600;
  line-height: 1;
}

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

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

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

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

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

.d418be {
  text-align: center;
}

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

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

.kf8141 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l4f2256 {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

.kf99 {
  text-align: center;
}

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

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

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

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

.c298 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.25rem, 4vw, 3rem);
  height: clamp(2.25rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

.e26d07 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 600px;
}

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

.a362 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o886 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}

.l200,
.h08 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  transition: var(--transition-base);
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .l200,
  .h08 {
    flex: 0 0 auto;
    min-width: 200px;
  }
}

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

@media (max-width: 320px) {
  .d96e703,
  .i3a459d,
  .b79,
  .dff96,
  .cd8355f,
  .cc795 {
    word-break: break-word;
  }
}

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

.efcdd {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.of8a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: -0.02em;
}

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

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

.a56dd {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

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

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

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

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

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

.p1091 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  letter-spacing: -0.01em;
}

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

.j176 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.f4d5 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.g3e4950 {
  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: 600;
  letter-spacing: -0.02em;
}

.dbe7ca7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

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

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

.k81f2386:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

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

  .a56dd {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .efcdd {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .of8a {
    font-size: clamp(2.5rem, 8vw, 3.5rem);
  }

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

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

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

  .m398ab8c {
    height: 240px;
  }

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

  .g3e4950 {
    font-size: clamp(1.75rem, 5vw, 2.5rem);
  }
}

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

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

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

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

.e150a {
  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;
  line-height: 1.2;
}

.p52adf {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

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

.m1e5 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

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

.c9a37 i {
  font-size: 1.5rem;
  color: var(--color-primary);
}

.ja0dc {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
  font-weight: 700;
}

.ffd4 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.o19f {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--spacing-md) 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.o19f li {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.2rem, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.g8b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw + 0.2rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  text-align: center;
  align-self: flex-start;
}

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

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

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

  .m1e5 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

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

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

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

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

.l911 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.3rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  font-weight: 700;
}

.nef56 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ded {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.2rem, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  display: inline-block;
}

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

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

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

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

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

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

.f1bc28 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.l4c {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

  .f1bc28 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

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

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

.p000cf45 .hea30ab9 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p000cf45 .mbf2 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.p000cf45 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.2;
}

.p000cf45 .o37bd7 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p000cf45 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.p000cf45 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
  list-style-position: outside;
}

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

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

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

.p000cf45 .gcb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-2xl);
}

.p000cf45 .gcb h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.p000cf45 .gcb p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.p000cf45 .gcb strong {
  color: var(--color-primary);
}

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

@media (min-width: 1024px) {
  .p000cf45 .mbf2 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

  html,
  body {
    width: 100%;
    height: 100%;
  }

  .g60f40 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: var(--color-bg-primary);
    overflow: hidden;
  }

  .o2d80ebb {
    width: 100%;
    padding: var(--spacing-lg);
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .mbf2 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }

  .je3f91 {
    text-align: center;
    animation: fadeInUp 0.6s ease-out;
  }

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

  .kc58 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(60px, 12vw, 100px);
    height: clamp(60px, 12vw, 100px);
    margin: 0 auto var(--spacing-lg);
    border-radius: 50%;
    background-color: var(--color-success-light);
    color: var(--color-success);
    animation: scaleIn 0.5s ease-out;
  }

  @keyframes scaleIn {
    from {
      transform: scale(0.8);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }

  .kc58 svg {
    width: 50%;
    height: 50%;
    stroke: currentColor;
  }

  h1 {
    font-family: var(--font-heading);
    font-size: clamp(2rem, 5vw, 3rem);
    color: var(--color-text-primary);
    margin-bottom: var(--spacing-md);
    font-weight: 400;
    letter-spacing: -0.5px;
  }

  .a46f765f {
    font-family: var(--font-primary);
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
    color: var(--color-primary);
    margin-bottom: var(--spacing-lg);
    font-weight: 500;
    line-height: 1.5;
  }

  .da6 {
    font-family: var(--font-primary);
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: var(--color-text-primary);
    line-height: 1.8;
    margin-bottom: var(--spacing-md);
  }

  .da6.j4c43 {
    color: var(--color-text-secondary);
    margin-bottom: var(--spacing-2xl);
  }

  .j2eece {
    display: inline-block;
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    margin-top: var(--spacing-lg);
    font-family: var(--font-primary);
    font-size: clamp(0.95rem, 1.2vw, 1.1rem);
    font-weight: 500;
    text-decoration: none;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
    text-align: center;
    min-width: 200px;
  }

  .d8e {
    background-color: var(--color-primary);
    color: var(--color-text-on-accent);
    box-shadow: var(--shadow-md);
  }

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

  .d8e:active {
    transform: translateY(0);
    box-shadow: var(--shadow-sm);
  }

  .d8e:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
  }

  @media (max-width: 480px) {
    .o2d80ebb {
      padding: var(--spacing-md);
    }

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

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

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

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

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

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

  @media (min-width: 481px) and (max-width: 768px) {
    .o2d80ebb {
      padding: var(--spacing-xl);
    }

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

  @media (min-width: 769px) {
    .o2d80ebb {
      padding: var(--spacing-3xl) var(--spacing-xl);
    }

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

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

html, body {
  width: 100%;
  height: 100%;
}

.m5523c {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.b4dc9b {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.mbf2 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.a0186 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.jbc7d7 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.p504 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.o50ffcb {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -2px;
  position: relative;
  z-index: 2;
  animation: floatCode 3s ease-in-out infinite;
}

@keyframes floatCode {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.p504::before {
  content: '';
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  z-index: 1;
  opacity: 0.1;
  animation: pulseCircle 4s ease-in-out infinite;
}

@keyframes pulseCircle {
  0%, 100% {
    transform: scale(1);
    opacity: 0.1;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.05;
  }
}

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

.oed806a9 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.c50 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.5;
}

.h8a3fa {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.a51ed5c {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-lg);
}

.j2eece {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

.d8e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.d8e:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.caf {
  margin-top: var(--spacing-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.k1722cd3 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 640px) {
  .b4dc9b {
    padding: var(--spacing-md) var(--spacing-sm);
  }

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

  .o50ffcb {
    animation: none;
  }

  .p504::before {
    animation: none;
  }

  .j2eece {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .b4dc9b {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

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

  .oed806a9 h1 {
    letter-spacing: -1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .o50ffcb {
    animation: none;
  }

  .p504::before {
    animation: none;
  }

  .d8e:hover {
    transform: none;
  }
}

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

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

.o44fd {
  width: 100%;
  padding: 0 var(--spacing-md);
}

.a11e3e7e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.5px;
}

.bdeff39 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
}

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

.p199f34e {
  width: 100%;
  padding: 0 var(--spacing-md);
}

.gcd {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.e065 {
  flex: 1 1 100%;
  min-width: 0;
}

.decf7e {
  flex: 1 1 100%;
  min-width: 0;
}

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

  .decf7e {
    flex: 1 1 45%;
  }
}

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

.c9f12746 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3.5vw, 1.85rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

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

.i1da5d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.m6e7ab {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.nd279,
.oa73707 {
  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, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.nd279::placeholder,
.oa73707::placeholder {
  color: var(--color-text-muted);
}

.nd279:focus,
.oa73707:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.oa73707 {
  resize: vertical;
  min-height: clamp(120px, 20vw, 160px);
}

.c51 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

.l3c7:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.oc2c {
  width: 100%;
  padding: clamp(0.85rem, 2vw, 1.05rem) 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.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.oc2c:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

.d9c {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3.5vw, 1.85rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

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

.a6e190aa {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.cfec {
  flex-shrink: 0;
  width: clamp(2.5rem, 6vw, 3rem);
  height: clamp(2.5rem, 6vw, 3rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: clamp(1.15rem, 2.5vw, 1.35rem);
}

.m6647e22 {
  flex: 1;
  min-width: 0;
}

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

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

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

.efd5475:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.m1b25ee {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.e24cd0f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.5;
}

.h3b25d1 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-secondary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base);
}

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

@media (max-width: 767px) {
  .of16aab {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .ice9e {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .gcd {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .e065,
  .decf7e {
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px) {
  .of16aab {
    padding: clamp(3rem, 7vw, 5rem) 0;
  }

  .ice9e {
    padding: clamp(3rem, 7vw, 5rem) 0;
  }

  .gcd {
    gap: clamp(2.5rem, 6vw, 4rem);
  }
}
.j33c8,.p2c4f{
  width: 34px;
}

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

.pbbccf{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .pbbccf{
    max-width: 100%;
  }
}

.pbbccf.fd0517{
  z-index: 999;
}

.p285d238{
  padding-top: 50px;
}

.j33c8[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .j46bc4 {
    aspect-ratio: 6 / 9;
  }
  .k808ce11 {
    aspect-ratio: 6 / 9;
  }
  .aad {
    aspect-ratio: 6 / 9;
  }
  .l4c {
    aspect-ratio: 6 / 9;
  }
}