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

:root {
  --color-bg-primary: #111827;
  --color-bg-secondary: #1f2937;
  --color-bg-tertiary: #374151;
  --color-bg-card: #1f2937;

  --color-text-primary: #ffffff;
  --color-text-secondary: #9ca3af;
  --color-text-muted: #90959f;

  --color-primary: #06b6d4;
  --color-primary-hover: #0891b2;
  --color-primary-light: #0ea5e9;
  --color-primary-lighter: #38bdf8;
  --color-secondary: #22d3ee;
  --color-secondary-light: #67e8f9;

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

  --color-border: #374151;
  --color-border-light: #4b5563;

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Vollkorn', serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

@media (min-width: 640px) {
  .oa812 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .oa812 {
    padding: 0 var(--spacing-xl);
  }
}

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

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

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

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

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

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

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

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

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

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  cursor: pointer;
}

button:focus-visible, input[type="button"]:focus-visible, input[type="submit"]:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

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

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

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

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

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

code {
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: 0.875em;
  font-family: 'Courier New', monospace;
}

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

pre code {
  background: transparent;
  padding: 0;
  color: var(--color-secondary);
}

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

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

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

th, td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
}

th {
  color: var(--color-text-primary);
  font-weight: 600;
}

tbody tr:hover {
  background: var(--color-bg-tertiary);
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  body {
    font-size: 15px;
  }
}
* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a96 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

.ea56 {
  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: clamp(60px, 12vw, 80px);
}

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

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

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

.ea641fd {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(1.5rem, 4vw, 3rem);
}

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

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

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

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

.h628b45 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
}

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

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

.h628b45.p82c span:nth-child(2) {
  opacity: 0;
}

.h628b45.p82c span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

.l1a {
  position: fixed;
  top: 0;
  right: 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;
  overflow-y: auto;
}

.l1a.p82c {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

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

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

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

  .a6791 {
    display: inline-block;
  }

  .h628b45 {
    display: none;
  }

  .l1a {
    display: none;
  }
}

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

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

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

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

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

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

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

.bd4a0 {
  text-align: center;
}

.nacb99 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}

.na57 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.d875326 {
  flex: 0 1 auto;
  min-width: 140px;
  max-width: 160px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

.o88aa9 {
  transform: rotate(-3deg);
}

.d18b46a {
  transform: rotate(2deg);
}

.ed4bd {
  transform: rotate(-2deg);
}

.m3e2bf9 {
  transform: rotate(3deg);
}

.d875326:hover {
  transform: translateY(-4px) rotate(0deg);
  box-shadow: var(--shadow-lg);
}

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

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

.jee4a {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}

.he1 {
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

.oe287f4e {
  text-align: center;
}

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

.m8737 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.bca8d5fe {
  flex-direction: column;
}

.a96c3008 {
  flex-direction: column;
}

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

  .a96c3008 {
    flex-direction: row-reverse;
  }
}

.mbb {
  flex: 0 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .mbb {
    flex: 1 1 35%;
    width: auto;
  }
}

.g2510d3 {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-xl);
  font-size: 3rem;
  color: var(--color-accent);
}

.a03 {
  flex: 1 1 auto;
  width: 100%;
}

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

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

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

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

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

.de1d {
  text-align: center;
}

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

.ga6 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c5a0 {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

.ja8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2rem) 0;
  position: relative;
  z-index: 2;
}

.a0912fb1 {
  width: 60px;
  height: 60px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
}

.d05e25 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--color-text-on-accent);
}

.m9f74 {
  flex: 1 1 auto;
  padding-top: 0.5rem;
}

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

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

.md02a8 {
  width: 2px;
  height: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-border-light);
  margin-left: 29px;
  margin-right: 0;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

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

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

.deac628 {
  text-align: center;
}

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

.m37ffe1 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ld5d9 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.j371dc4 {
  margin: 0;
}

.p920 {
  font-size: clamp(1.125rem, 3vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

.jbef1ea4 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-top: 1rem;
}

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

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

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

.i9452c4d {
  flex: 1 1 100%;
}

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

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

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

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

.c3c59e {
  align-self: flex-start;
}

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

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

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

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

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

.jd89e923 {
  text-align: center;
}

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

.p3f {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.b59b02 {
  flex: 1 1 250px;
  max-width: 300px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

.acee {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

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

.p4e {
  text-align: center;
}

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

.mfc6 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.f7222 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

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

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

.i41ffc0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: 0.5rem;
}

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

.m18 {
  text-align: center;
  margin-top: 1rem;
}

.ddef6 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

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

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

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

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

.a32b68 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

.g479df1 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

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

.f4672c.a374 {
  display: none;
}

.e4a85e3e {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  flex: 1 1 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .e4a85e3e {
    flex: 1 1 auto;
    text-align: left;
  }
}

.cbd3bbcc {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 768px) {
  .cbd3bbcc {
    justify-content: flex-end;
  }
}

.n7a364,
.f092 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .i6aea4 {
    gap: 2rem;
  }

  .ia1c {
    gap: 2rem;
  }
}

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

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

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

.ddf5 {
  display: block;
}

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

.ddf5 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  max-width: 35ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oc27ec5 {
  display: block;
}

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

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

.ee01f li {
  display: block;
}

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

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

.e7b408 {
  display: block;
}

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

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

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

.j4e5d {
  display: block;
}

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

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

.f185dc89 li {
  display: block;
}

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

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

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

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

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

.gaa6d16 {
  color: var(--color-text-muted);
  font-style: italic;
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
}

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

  .ddf5 {
    flex: 1 1 280px;
  }

  .oc27ec5 {
    flex: 0 1 140px;
  }

  .e7b408 {
    flex: 1 1 220px;
  }

  .j4e5d {
    flex: 0 1 140px;
  }

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

@media (min-width: 1024px) {
  .o36b1d {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .ddf5 {
    flex: 1 1 320px;
  }

  .oc27ec5 {
    flex: 0 1 150px;
  }

  .e7b408 {
    flex: 1 1 240px;
  }

  .j4e5d {
    flex: 0 1 150px;
  }

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

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

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

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

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

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

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

.je6d84 {
  flex: 1 1 100%;
  width: 100%;
  min-height: 350px;
  overflow: hidden;
  border-radius: 12px;
}

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

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

.fb9c3576 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

.i64 {
  flex: 1 1 100%;
  max-width: 600px;
}

.h03:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);
}

.p7a {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

.i64 .p7a {
  height: 300px;
}

.le64f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

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

.c54d8 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

.cc10f297,
.m1724c7e,
.g1fc6 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cc10f297 i,
.m1724c7e i,
.g1fc6 i {
  color: var(--color-accent);
  width: 14px;
}

.ofa9e41 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-accent);
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s ease;
}

.ofa9e41:hover {
  background: var(--color-accent);
  color: #0f172a;
}

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

  .gc2a {
    flex: 1 1 45%;
    text-align: left;
  }

  .je6d84 {
    flex: 1 1 45%;
    min-height: 400px;
  }

  .fb9c3576 {
    margin: 0;
  }

  .m2c3e {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: unset;
  }

  .i64 {
    grid-column: 1 / -1;
    max-width: 100%;
    flex-direction: row;
  }

  .i64 .p7a {
    width: 45%;
    height: auto;
    min-height: 280px;
  }

  .i64 > *:not(.p7a) {
    width: 55%;
  }

  .h03 {
    max-width: 100%;
  }
}

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

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

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

  .i64 {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
    max-width: 100%;
  }

  .i64 .p7a {
    width: 50%;
    height: 320px;
  }
}

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

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

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

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

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

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

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

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

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

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

.b5ee30b8 a {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

  .nc0c,
  .gc850a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.j679 {
  flex: 1 1 65%;
  max-width: 65%;
}

.bd65da4 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 2rem;
}

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

  .j679,
  .bd65da4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bd65da4 {
    position: static;
  }
}

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

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

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

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

.dfc227,
.jb0f3,
.n94f06 {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

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

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

.o1fd,
.a27b19e,
.adb3257 {
  flex: 1 1 50%;
  max-width: 50%;
}

.e00c,
.f7030de8,
.o5b2 {
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.k787a9e p,
.d5f2 p,
.bb5 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.e62bf0 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  border: 1px solid var(--color-border);
}

@media (max-width: 768px) {
  .p9c4,
  .b49d,
  .icd3 {
    flex-direction: column;
  }

  .k787a9e,
  .d5f2,
  .bb5,
  .o1fd,
  .a27b19e,
  .adb3257 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.i31028d {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

.nce0 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
}

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

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

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

.o2281 {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border);
}

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

.l3f {
  flex-shrink: 0;
  width: clamp(5rem, 12vw, 7rem);
  height: clamp(5rem, 12vw, 7rem);
}

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

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

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

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

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

.c4f36 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  margin: 0;
}

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

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

.k334f {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
  overflow: hidden;
}

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

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

.i39063b {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.n8d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

.n8d:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 16px rgba(6, 182, 212, 0.15);
}

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

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

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

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

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

.g0db8c {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 500;
  transition: var(--transition-base);
  text-decoration: none;
  align-self: flex-start;
}

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

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

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

@media (max-width: 640px) {
  .he72 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

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

.pa36a6e {
  width: 100%;
  overflow-x: hidden;
  font-family: 'Lato', sans-serif;
  background: var(--color-bg-primary);
}

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

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

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

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

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

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

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

.he6 {
  padding: clamp(2rem, 5vw, 4rem) 0;
}

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

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

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

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

.l70672 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

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

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

  .i76c,
  .a4caa502 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l68f60f6 {
    max-height: 300px;
  }
}

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

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

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

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

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

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

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

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

  .kff9,
  .b79a63 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  .i94a,
  .jd827 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.bc41105a {
  list-style: none;
  padding: 0;
  margin-top: 1.5rem;
}

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

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

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

  .g30ed34,
  .c7b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.g39 .i94a {
  flex: 1 1 50%;
  max-width: 50%;
  color: var(--color-text-secondary);
}

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

.g39 .ac74 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Vollkorn', serif;
}

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

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

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

.o037c8 strong {
  color: var(--color-secondary);
}

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

  .g39 .i94a,
  .g39 .jd827 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.o39d7 .g30ed34 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.o39d7 .c9410001 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Vollkorn', serif;
}

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

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

  .o39d7 .g30ed34,
  .o39d7 .c7b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.o2a {
  flex-shrink: 0;
}

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

.n57c39 {
  flex: 1;
}

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

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

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

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

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

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

  .o2a {
    flex-shrink: 0;
  }
}

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

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

.ob5 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.7;
  margin: 0;
  text-align: center;
}

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

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

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

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

.jbd58 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem) * 0.66);
  max-width: calc(33.333% - clamp(1.5rem, 3vw, 2.5rem) * 0.66);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

.c492d6a1 {
  margin: 0;
}

.ha5605 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
  line-height: 1.4;
}

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

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

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

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

.jaba78 {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k8b,
  .h70 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b1bcf962 {
  flex: 1 1 60%;
  max-width: 60%;
}

.ce1f5ab7 {
  flex: 1 1 40%;
  max-width: 40%;
}

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

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

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

.h865 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.pdc3b60 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

  .b1bcf962,
  .ce1f5ab7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .bb2,
  .ddc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .n7d5,
  .l386ae {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .faab,
  .ifa1a2e7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .m80c8e,
  .a93 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .n36410fd,
  .m20 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.i0748cd3 {
  flex-shrink: 0;
}

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

.m4056d {
  flex: 1 1 auto;
}

.od7d8e0f {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.25rem, 0.5vw, 0.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.l22f {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.7rem));
  min-width: 280px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

.od6e752 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

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

.e374899 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.oa812 {
  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-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.p6ba9d1 {
  width: 100%;
}

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

.b17c a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

.o04 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.le8d021 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

.k181 {
  flex: 1 1 60%;
  max-width: 60%;
}

.a4ef {
  flex: 1 1 40%;
  max-width: 40%;
}

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

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

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

.l9aef1 {
  font-size: clamp(1.1875rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
}

.ac5fcca {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ac5fcca li {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

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

.c3cccb4 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

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

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

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

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

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

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

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

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

.a2ef101f img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

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

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

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

.i3248 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

.i4b55 {
  flex: 1 1 55%;
  max-width: 55%;
}

.fbd573 {
  flex: 1 1 45%;
  max-width: 45%;
}

.fbd573 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

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

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

.ibc9 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.h351dd9 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  gap: 1rem;
}

.e35be {
  font-weight: 600;
  color: var(--color-text-primary);
}

.f33 {
  color: var(--color-accent);
}

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

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

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

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

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

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

.g8b41c7a {
  flex: 1 1 45%;
  max-width: 45%;
}

.g8b41c7a img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.g962 {
  flex: 1 1 55%;
  max-width: 55%;
}

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

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

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

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

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

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

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

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

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

.b419 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

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

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

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

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

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

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

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

.d271bed1 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  text-align: center;
}

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

.h1e {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.h1e:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);
}

.c9df {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

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

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

.e8d96 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.i30 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
}

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

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

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

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

.i8af {
  flex-shrink: 0;
}

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

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

.acb7 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

  .i8af {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

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

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

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

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

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

.o818:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(6, 182, 212, 0.2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.ndd {
  font-size: clamp(2rem, 6vw, 4rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.c3d5d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.ee8 {
  width: 100%;
  max-width: 1100px;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

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

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

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

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

.acb {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.d66f94fa {
  flex: 1 1 45%;
  min-width: 0;
}

.d66f94fa p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
}

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

.hdfb5 {
  flex: 1 1 45%;
  min-width: 0;
}

.hdfb5 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

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

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

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

.l0e {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

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

.ge67ab:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(6, 182, 212, 0.1);
}

.d9df2e2 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

.c61aa {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

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

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

.c25 {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

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

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

.e8e {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  font-weight: 900;
  min-width: 80px;
  line-height: 1;
}

.fde3c6 {
  flex: 1;
}

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

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

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

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

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

.e5b {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.h2f6 {
  flex: 1 1 45%;
  min-width: 0;
}

.h2f6 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

.e2960f {
  flex: 1 1 45%;
  min-width: 0;
}

.e2960f p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
}

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

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

.m087a87 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin-bottom: 1rem;
  line-height: 1.8;
}

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

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

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

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

.g48 {
  color: var(--color-accent);
  font-size: 1.5rem;
  min-width: 30px;
  margin-top: 2px;
}

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

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

@media (max-width: 768px) {
  .f31541bb {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
  
  .gbde,
  .obf534,
  .gb29,
  .dcc017 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }
}

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

.d95fc h1,
.d95fc h2,
.d95fc h3 {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.b6374ab2 {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

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

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

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

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

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

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

.na595b69 {
  text-align: center;
}

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

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

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

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

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

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

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

.m9cdb {
  width: 48px;
  height: 48px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

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

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

.o8101a {
  text-align: center;
}

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

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

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

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

.na0e9e60 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
}

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

.kc997 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  line-height: 1;
  margin: 0;
}

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

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

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

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

.m05764e {
  text-align: center;
}

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

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

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

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

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

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

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

.a5d7d {
  flex: 1 1 50%;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.de6e {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin: 0;
  font-family: var(--font-heading);
}

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

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

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

.o3bb5 {
  text-align: center;
}

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

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

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

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

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

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

.p176104 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.d46eb688 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: all var(--transition-base);
  margin-top: auto;
}

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .a5d7d {
    order: -1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.pfad184 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.3rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.5px;
}

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

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

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

.k6dd {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

.p498f27 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  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);
  width: fit-content;
}

.md62 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2.5vw + 0.3rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

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

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

.mf299374 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

.pea5 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.3rem, 1.05rem);
  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;
  border: 2px solid var(--color-primary);
  transition: background-color var(--transition-base), border-color var(--transition-base);
  cursor: pointer;
  text-align: center;
}

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

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

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

  .o8cbe {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .g1289 {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .naf1 {
    padding: var(--spacing-4xl) 0;
  }

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

  .o8cbe {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .k6dd {
    display: grid;
    grid-template-rows: 320px 1fr;
  }

  .g1289 {
    height: 320px;
  }

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

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

  .g1289 {
    height: 300px;
  }
}

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

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

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

.n47f9a4f h1 {
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.n47f9a4f p {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.kafa30 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

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

.nee7d3 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

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

.l767 h3 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: -0.01em;
}

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

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

  .kafa30 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

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

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

.b182 h2 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.b182 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-2xl) 0;
}

.c64425f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

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

@media (min-width: 1024px) {
  .b182 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.adda40 .oa812 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.adda40 .ib7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

.adda40 .i8751ab {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.adda40 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.adda40 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.adda40 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.adda40 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.adda40 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.adda40 .fb9f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.adda40 .fb9f h2 {
  margin-top: 0;
}

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

.adda40 .faa p {
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  .adda40 .oa812 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .adda40 .oa812 {
    padding: 0 var(--spacing-xl);
  }

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

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

html, body {
  width: 100%;
  height: 100%;
}

.i26731 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.nb06 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.ib7 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.b948 {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.h1f57d {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-xl);
}

.h1f57d svg {
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ba8c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.e7d773 {
  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: 600;
}

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

.f238baa5:last-of-type {
  margin-bottom: var(--spacing-2xl);
}

.k3534d91 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
  letter-spacing: 0.3px;
}

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

.k3534d91:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.k3534d91:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes scaleIn {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

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

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

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

  .h1f57d svg {
    width: 100px;
    height: 100px;
  }

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

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

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

  .f238baa5:last-of-type {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .nb06 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

  .h1f57d svg {
    width: 120px;
    height: 120px;
  }

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

  .e7d773 {
    margin-bottom: var(--spacing-xl);
    font-weight: 700;
  }

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

@media (prefers-reduced-motion: reduce) {
  .h1f57d svg {
    animation: none;
  }

  .k3534d91 {
    transition: none;
  }
}

.j892d8e {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.effec {
  width: 100%;
  overflow: hidden;
  padding: var(--spacing-2xl) 0;
}

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

.l53578 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.b7da {
  margin-bottom: var(--spacing-2xl);
  position: relative;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jbb5fd {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  position: relative;
}

.jbb5fd::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150%;
  height: 150%;
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  opacity: 0.15;
  z-index: -1;
  border-radius: var(--radius-full);
}

.l22 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.fde2526d {
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-lg) 0;
  font-family: var(--font-primary);
}

.k01cb9 {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-2xl) 0;
  font-family: var(--font-primary);
}

.he1 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  transition: var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.5px;
}

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

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

.cce:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.n5b3 {
  margin-top: var(--spacing-3xl);
  padding: var(--spacing-xl);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.b9e62 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  font-family: var(--font-primary);
}

.k33f {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-sm);
}

.k33f li {
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw, 1rem);
  font-family: var(--font-primary);
  border-left: 3px solid var(--color-primary);
  transition: var(--transition-base);
}

.k33f li:hover {
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border-left-color: var(--color-accent);
}

@media (min-width: 640px) {
  .effec {
    padding: var(--spacing-3xl) 0;
  }

  .b7da {
    height: 320px;
    margin-bottom: var(--spacing-3xl);
  }

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

  .n5b3 {
    margin-top: var(--spacing-3xl);
    padding: var(--spacing-2xl);
  }

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

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

  .b7da {
    height: 360px;
    margin-bottom: var(--spacing-3xl);
  }

  .l53578 {
    max-width: 700px;
  }

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

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

  .k33f li {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: clamp(0.9rem, 1vw, 1.05rem);
  }
}

@media (min-width: 1024px) {
  .effec {
    padding: var(--spacing-4xl) 0;
  }

  .b7da {
    height: 400px;
    margin-bottom: var(--spacing-3xl);
  }

  .l53578 {
    max-width: 750px;
  }

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

@media (min-width: 1440px) {
  .effec {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

.l203 {
  text-align: center;
}

.j07 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.ha56a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

.ae883f {
  padding: clamp(2.5rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.i79d511f {
  width: 100%;
}

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

@media (min-width: 1024px) {
  .f7ee8b88 {
    flex-direction: row;
    gap: clamp(3rem, 8vw, 5rem);
  }
}

.d9e850 {
  flex: 1 1 100%;
  min-width: 0;
}

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

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

.id77 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.fc4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.p7e18 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.c9680fad {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.nf30107 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

.oddac,
.m912e5 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  transition: all var(--transition-base);
}

.oddac::placeholder,
.m912e5::placeholder {
  color: var(--color-text-muted);
}

.oddac:focus,
.m912e5:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.m912e5 {
  min-height: 140px;
  resize: vertical;
}

.ma5 {
  font-family: var(--font-primary);
  font-size: 0.8rem;
  color: var(--color-danger);
  display: none;
}

.c9680fad.pca574 .ma5 {
  display: block;
}

.c9680fad.pca574 .oddac,
.c9680fad.pca574 .m912e5 {
  border-color: var(--color-danger);
}

.p0180 {
  display: flex;
  gap: var(--spacing-sm);
  align-items: flex-start;
}

.l23af {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.k85bde {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  cursor: pointer;
  flex: 1;
}

.m5f {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all var(--transition-base);
}

.m5f:hover {
  border-bottom-color: var(--color-primary);
}

.cb99 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-md);
}

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

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

.a091ac {
  font-family: var(--font-primary);
  font-size: 0.8rem;
  color: var(--color-text-muted);
  margin-top: var(--spacing-sm);
  text-align: center;
}

.lfff {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .lfff {
    flex: 1 1 55%;
  }
}

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

.bfc139 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.b2437f7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.f9b {
  display: flex;
  gap: var(--spacing-lg);
}

.addca7 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-primary);
}

.b796fc62 {
  flex: 1;
  min-width: 0;
}

.bc2f {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.m7498b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: 1.6;
}

.l97 {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all var(--transition-base);
}

.l97:hover {
  border-bottom-color: var(--color-primary);
}

.e1e {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

.d70 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-2xl);
}

.na4f9bab {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

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

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

.d5bd0:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.j7e93 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.h3d670 {
  background-color: var(--color-primary-light);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.n910 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

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

@media (min-width: 640px) {
  .cb8c22 {
    flex-direction: row;
    gap: var(--spacing-md);
  }
}

.d19a3e {
  flex: 1;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

  .d9e850,
  .lfff {
    flex: 1 1 100%;
  }
}

@media (max-width: 768px) {
  .nb6 {
    padding: clamp(1.5rem, 6vw, 3rem) 0;
  }

  .ae883f {
    padding: clamp(1.5rem, 6vw, 3rem) 0;
  }

  .f7ee8b88 {
    gap: clamp(2rem, 5vw, 3rem);
  }

  .d70,
  .h3d670 {
    padding: var(--spacing-xl);
  }
}
.h628b45,.m02d51e0{
  width: 34px;
}

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

.l1a{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .l1a{
    max-width: 100%;
  }
}

.l1a.p82c{
  z-index: 999;
}

.hde590{
  padding-top: 50px;
}

.h628b45[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .e0c66 {
    aspect-ratio: 6 / 9;
  }
}