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

:root {
  --color-bg-primary: #0a1628;
  --color-bg-secondary: #0f2240;
  --color-bg-tertiary: #162e52;
  --color-bg-card: #0d1d38;

  --color-text-primary: #f0f9ff;
  --color-text-secondary: #bae6fd;
  --color-text-muted: #7dd3fc;

  --color-primary: #0ea5e9;
  --color-primary-hover: #0284c7;
  --color-primary-light: #38bdf8;
  --color-secondary: #38bdf8;
  --color-secondary-light: #7dd3fc;

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

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

  --font-primary: 'Figtree', sans-serif;
  --font-heading: 'Urbanist', sans-serif;

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

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

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

  --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;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

h4 {
  font-size: 1.5rem;
  letter-spacing: -0.005em;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }
}

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

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

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

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

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

.k45:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.a3d4 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.a3d4:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-primary);
}

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

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

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

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

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

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

.af3 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.h3ac0aaa {
  background: rgba(14, 165, 233, 0.15);
  color: var(--color-primary-light);
}

.jf8d7b0 {
  background: rgba(56, 189, 248, 0.15);
  color: var(--color-secondary-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

pre code {
  background: none;
  color: inherit;
  padding: 0;
  border-radius: 0;
}

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

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

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

svg {
  max-width: 100%;
  height: auto;
}

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

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

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

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

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

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

.d58d4 {
  text-align: center;
}

.h08e {
  text-align: left;
}

.ca0 {
  text-align: right;
}

.keeab {
  font-weight: 700;
}

.n1b51 {
  font-weight: 600;
}

.e913 {
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fbb042 {
  display: flex;
}

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

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

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

.o441 {
  display: grid;
}

.ecb92967 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-lg);
}

.o737 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-lg);
}

.i1f6c8b7 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-lg);
}

@media (max-width: 1024px) {
  .i1f6c8b7 {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 640px) {
  .ecb92967,
  .o737,
  .i1f6c8b7 {
    grid-template-columns: 1fr;
  }
}

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

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

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

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

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

.kada2 {
  opacity: 0.5;
}

.l2771c3 {
  opacity: 0.75;
}

.gb87 {
  cursor: pointer;
}

.p132d96b {
  display: none;
}

.g0ca3ae3 {
  display: block;
}

.gda1f {
  overflow: hidden;
}

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

.md73247d {
  border-radius: var(--radius-full);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1rem;
  }

  button,
  .ffe6 {
    width: 100%;
  }
}
.a9a69 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

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

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

.dfd2d:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.fd99 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
}

.fd99.l26b {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

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

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

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

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

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

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

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

  .k39d {
    display: block;
  }

  .h79 {
    display: none;
  }

  .fd99 {
    display: none;
  }
}

@media (max-width: 767px) {
  .c6b3d {
    font-size: 1rem;
  }

  .lab {
    padding: 0.75rem clamp(1rem, 3vw, 2rem);
    gap: 1rem;
  }
}

    

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Figtree', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Urbanist', sans-serif;
  font-weight: 700;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

.p5f73406 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  text-align: center;
}

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

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

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

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

.gb0f0007 {
  width: 100%;
}

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

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

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

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

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

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

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

.pc5b71 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 20px;
  clip-path: polygon(0% 0%, 100% 0%, 95% 15%, 98% 30%, 100% 50%, 98% 70%, 95% 85%, 100% 100%, 0% 100%, 5% 85%, 2% 70%, 0% 50%, 2% 30%, 5% 15%);
}

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

  .jd1d8 {
    flex: 1 1 100%;
  }

  .f0f3265 {
    flex: 1 1 100%;
  }

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

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

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

.mfa36fc5 {
  text-align: center;
}

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

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

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

.m6c4b9 {
  flex: 1 1 calc(25% - 1rem);
  min-width: 200px;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}

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

.h95 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.h401 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
}

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

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

.n96693 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: 1rem;
}

.mcf1e9 {
  flex: 1 1 45%;
}

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

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

  .p74fd {
    flex: 1 1 100%;
  }

  .mcf1e9 {
    flex: 1 1 100%;
  }

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

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

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

.h6e96 {
  text-align: center;
}

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

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

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

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

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

.a0218f2f {
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: 'Urbanist', sans-serif;
}

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

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

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

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

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

.je7a52ca {
  text-align: center;
}

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

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

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

.k3c9 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 400px;
  padding: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
  transition: all 0.3s ease;
}

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

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

.h1ec3 {
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

.h1fa2866 {
  text-align: center;
}

.b25c4 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
}

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

.f75e2 {
  flex: 1 1 calc(50% - 1.5rem);
  min-width: 280px;
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.fe61 {
  background: rgba(15, 34, 64, 0.6);
  border: 2px solid rgba(122, 211, 252, 0.3);
}

.aca {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
}

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

.decc4a {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.fe61 .a08::before {
  content: '';
  position: absolute;
  left: 0;
  color: rgba(122, 211, 252, 0.5);
  font-weight: bold;
}

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

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

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

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

.i61e {
  text-align: center;
}

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

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

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

.jb6 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 300px;
  max-width: 500px;
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.jb6:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(14, 165, 233, 0.15);
}

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

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

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

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

.b27 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

.h7ab {
  display: inline-block;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid var(--color-accent);
  transition: all 0.3s ease;
}

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

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

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

.g01d43 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  justify-content: space-between;
}

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

.jf63 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
}

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

.a8e {
  flex: 1 1 45%;
  display: flex;
  justify-content: flex-end;
}

.ob3b45b7 {
  min-width: 200px;
  text-align: center;
}

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

  .of78 {
    flex: 1 1 100%;
  }

  .a8e {
    flex: 1 1 100%;
    justify-content: center;
  }

  .ob3b45b7 {
    width: 100%;
  }
}

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

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

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

.m7a462af {
  position: relative;
  width: 100%;
  max-width: 500px;
}

.c16 {
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  padding-right: clamp(2.5rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border: 2px solid rgba(14, 165, 233, 0.3);
  border-radius: 8px;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: 'Figtree', sans-serif;
}

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

.cc6cb14f {
  position: absolute;
  right: clamp(0.75rem, 1.5vw, 1rem);
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-accent);
  pointer-events: none;
}

.fdada5f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
}

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

.e814cf {
  padding: clamp(1.25rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

.bb8fd55 {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.hfb7 {
  flex: 1 0 auto;
  width: clamp(200px, 33vw, 400px);
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 8px;
  margin: clamp(0.5rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.hfb7:hover {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .hfb7 {
    width: clamp(150px, 40vw, 300px);
  }
}

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

.gce02.p132d96b {
  display: none;
}

.ka378e {
  color: var(--color-text-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  max-width: 600px;
}

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

.l22 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  font-family: 'Figtree', sans-serif;
}

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

.d4d20 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-accent);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  font-family: 'Figtree', sans-serif;
}

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

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

  .ka378e {
    width: 100%;
    text-align: center;
  }

  .lde {
    width: 100%;
  }

  .l22,
  .d4d20 {
    flex: 1;
    min-width: 120px;
  }
}

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

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

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

.kfe {
  max-width: 600px;
}

.kfe h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n2fd07 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
  justify-content: flex-start;
}

.c0c2,
.oa3a,
.jac2ee {
  flex: 0 1 auto;
  min-width: 160px;
}

.c0c2 h4,
.oa3a h4,
.jac2ee h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c0c2 a:hover,
.jac2ee a:hover {
  color: var(--color-accent);
}

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

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

.i572b {
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.pef88b {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 768px) {
  .d98b994 {
    padding: clamp(2rem, 5vw, 3rem) 0 clamp(1.5rem, 4vw, 2.5rem);
  }

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

  .c0c2,
  .oa3a,
  .jac2ee {
    min-width: 100%;
  }

  .i572b {
    padding-top: clamp(1rem, 2vw, 1.5rem);
  }
}

@media (max-width: 480px) {
  .ib355 {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .kfe {
    max-width: 100%;
  }

  .n2fd07 {
    gap: clamp(1.25rem, 3vw, 1.75rem);
  }
}
    

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Urbanist', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.e5cd {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.j83 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 400;
  line-height: 1.6;
}

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

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

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

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

.m92f4d:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.15);
}

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

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

.h3d {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  line-height: 1.4;
  min-height: 2.8em;
}

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

.oce816 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-wrap: wrap;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  border-top: 1px solid var(--color-border-light);
}

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

.c97bd i,
.bc38 i,
.a933e5 i {
  color: var(--color-accent);
  width: 14px;
  height: 14px;
}

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

.jb9fe78:hover {
  color: var(--color-secondary);
  border-bottom-color: var(--color-secondary);
}

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

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

  .g4f955 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .pfc87f6 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .e5cd {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }

  .j83 {
    font-size: clamp(0.85rem, 1.5vw + 0.4rem, 1rem);
  }

  .oce816 {
    gap: 0.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .e5cd {
    font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  }
}

@media (min-width: 1200px) {
  .jb7c19e {
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }

  .m92f4d {
    gap: 1.25rem;
    padding: 1.5rem;
  }
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: var(--radius-md);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-light);
}

.g88f1 {
  display: block;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.m1d4 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

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

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

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

.mc39 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

.g01186 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.k5af {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.k61 {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.bad261 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.i62 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.7;
}

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

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

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

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

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

.k5e7 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
}

.e01e6101 h3 {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

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

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

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

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

.le1a {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

.j918831 {
  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-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

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

.o9d56d {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

.j867:hover .h45e {
  transform: scale(1.05);
}

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

.k84 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

  .f95b,
  .e37 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b827eb45 {
    flex-direction: column;
  }

  .o94,
  .o2902 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .med122c {
    max-height: 300px;
  }

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

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

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

  .m1d4 {
    font-size: 0.8125rem;
  }

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

  .mc39 {
    width: 64px;
    height: 64px;
  }

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

  .k5e7 {
    width: 2.5rem;
    height: 2.5rem;
  }

  .e580d {
    font-size: 0.8125rem;
  }

  .j867 {
    flex: 1 1 100%;
  }

  .ibb8 {
    flex-direction: column;
  }

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

  .h8415 {
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .jd51f {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .fd0b4 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .b232 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .gaa {
    gap: 0.75rem;
  }

  .mc39 {
    width: 56px;
    height: 56px;
  }

  .k61 {
    font-size: 1rem;
  }

  .i62 li {
    padding-left: 1.25rem;
    font-size: 0.875rem;
  }

  .b19 {
    padding: 0.75rem;
  }

  .k5e7 {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.25rem;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b32618d1 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
}

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

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

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

.efe6e {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

@media (min-width: 768px) {
  .na55a9 {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }
  
  .l5296 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  
  .efe6e {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 450px;
  }
}

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

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

.k7a9f0 {
  width: 100px;
  height: 100px;
  min-width: 100px;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.oe8a {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

@media (min-width: 768px) {
  .d432d {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }
  
  .g0b95 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  
  .oe8a {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

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

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

.eb6 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  min-width: 70px;
  text-align: center;
}

.d94 {
  flex: 1;
}

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

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

.l50e74 {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

@media (min-width: 768px) {
  .a4b {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }
  
  .g191 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  
  .l50e74 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

.la2c {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-warning);
  min-width: 40px;
  text-align: center;
  margin-top: 0.25rem;
}

.i7ac {
  flex: 1;
}

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

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

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

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

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

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

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

.le69 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

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

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

.n08 {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

@media (min-width: 768px) {
  .nf6e {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }
  
  .n08 {
    flex: 1 1 50%;
    max-width: 50%;
    order: -1;
  }
  
  .b92418 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

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

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

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

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

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

.c7878 {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

@media (min-width: 768px) {
  .i0d8 {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }
  
  .g01 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  
  .c7878 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

.b0c {
  max-width: 750px;
  margin: 0 auto;
}

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

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

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

.i360027e {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

.l1ac2 {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.25rem) 0;
}

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

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

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

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

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

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

.c4cb526 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

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

.ea6f20c3 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-border-light);
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .haa1 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .c4cb526 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 250px;
  }
}

@media (max-width: 767px) {
  .na55a9 {
    flex-direction: column;
  }
  
  .l5296 {
    max-width: 100%;
  }
  
  .efe6e {
    max-width: 100%;
  }
  
  .d432d {
    flex-direction: column;
  }
  
  .g0b95 {
    max-width: 100%;
  }
  
  .oe8a {
    max-width: 100%;
  }
  
  .a4b {
    flex-direction: column;
  }
  
  .g191 {
    max-width: 100%;
  }
  
  .l50e74 {
    max-width: 100%;
  }
  
  .nf6e {
    flex-direction: column;
  }
  
  .n08 {
    max-width: 100%;
    order: 0;
  }
  
  .b92418 {
    max-width: 100%;
  }
  
  .i0d8 {
    flex-direction: column;
  }
  
  .g01 {
    max-width: 100%;
  }
  
  .c7878 {
    max-width: 100%;
  }
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  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: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

.d26 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

  .de4,
  .daf6f71 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .daf6f71 img {
    max-height: 300px;
  }
}

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

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

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

.n9d {
  flex: 1;
}

.e8981b {
  margin-bottom: 0.25rem;
}

.e8981b a {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

.j769 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

  .gd01e {
    width: 60px;
    height: 60px;
  }
}

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

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

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

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

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

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

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

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

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

  .p25,
  .h24394b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h24394b img {
    max-height: 300px;
  }
}

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

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

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

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

.fc0c {
  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-tertiary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.j53f6 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.e61bf20 {
  flex: 1;
}

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

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

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

  .j53f6 {
    min-width: auto;
  }
}

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

.cd9ccc {
  max-width: 900px;
  margin: 0 auto;
  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-tertiary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
}

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

.fa25366 {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .cd9ccc {
    flex-direction: row;
    gap: 1rem;
  }
}

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

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

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

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

.e6ad2c .n34 {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.e6ad2c .a53 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.n078 {
  margin-top: clamp(2rem, 4vw, 3rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: linear-gradient(135deg, var(--color-bg-tertiary), var(--color-bg-card));
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

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

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

.o69bb {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}

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

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

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

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

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

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

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

.n8f38:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

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

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

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

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

.k0702d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.3;
}

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

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

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

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

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

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

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

  .n34 {
    font-size: 1.5rem;
  }

  .ka8d71 {
    font-size: 0.75rem;
  }
}

* {
  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);
  line-height: 1.6;
}

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

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

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

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

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

.f527546 {
  width: 100%;
}

.o1fd {
  width: 100%;
}

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

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

.b897b {
  color: var(--color-secondary);
  transition: var(--transition-base);
}

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

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

.g90fe2b {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

  .p72f76,
  .i1995854 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.d77 {
  flex: 1;
}

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

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

.p43a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

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

  .k8d {
    width: 60px;
    height: 60px;
  }
}

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

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

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

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

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

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

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

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

  .i53b95a,
  .na1a8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .ba85b743,
  .k61322 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.c4ba {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(14, 165, 233, 0.1);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border-left: 4px solid var(--color-accent);
  align-items: flex-start;
}

.le4 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  flex-shrink: 0;
}

.o515 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

  .l176c1e,
  .p3af4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .n466,
  .j89 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ib9f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 2px solid var(--color-accent);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

.i7be {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.4rem, 0.8vw, 0.6rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
}

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

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

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

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

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

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

.md355ce7:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.15);
}

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

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

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

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

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

.ife9f0 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

.p5f73406 {
  display: inline-block;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  font-family: var(--font-primary);
}

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

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

.f62f9 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border);
}

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

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

.e36c38d {
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.oa7 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.15;
}

.cc8 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 650px;
}

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

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

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

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

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

.a3514ad {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.bf0e3fd {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.a6a {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

.j2924 {
  width: 100%;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
}

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

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

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

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

.b7306f1 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.l84 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

.acd5cec {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.f54eaf82 {
  flex: 1 1 clamp(250px, 45%, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2.25rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

.nfe96ab {
  font-size: clamp(2.25rem, 4vw, 3rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

.f83e7b {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

.fed4eea {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  border-radius: var(--radius-full);
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

.f9dfa2 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

.l8f719 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

@media (min-width: 768px) {
  .kcdb8 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

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

  .le66cd {
    gap: 1.5rem;
  }
}

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

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

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

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

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

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

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

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

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

.o978cc23 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
}

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

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

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

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

  .a1c {
    flex: 1 1 45%;
  }

  .h5370 {
    flex: 1 1 45%;
  }

  .pe94 {
    max-height: 450px;
  }
}

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

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

.be47 {
  text-align: center;
}

.be7ccd {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.c8a1d7e {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.2;
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .k27a7d {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .la4acf40 {
    flex: 1 1 calc(50% - 1rem);
    min-height: 250px;
  }
}

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

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

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

.ff3383d {
  text-align: center;
}

.if4 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.h4b8d7 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.2;
}

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

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

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

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

.g3c61 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.hc9d {
  text-align: center;
}

.af0 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .bfa97 {
    flex-direction: row;
    align-items: flex-start;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .nd51f7 {
    flex: 1 1 45%;
  }

  .d2cb2 {
    flex: 1 1 45%;
  }
}

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

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

.gd92 {
  text-align: center;
}

.d99 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.e29 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.2;
}

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

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

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

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

.i06 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

.odc18ae2 {
  text-align: center;
}

.fb34782 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.f9da6 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.2;
}

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

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

.j48b8 {
  text-decoration: none;
  color: inherit;
  flex: 1 1 100%;
}

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

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

.g9ea831 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

.ab9f {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

.k801 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-accent);
  transition: transform var(--transition-base);
}

.j48b8:hover .k801 {
  transform: translateX(4px);
}

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

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

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

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

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

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

.e8713f2c {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.c26e73,
.o0ac02 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

.o0ac02 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

@media (min-width: 768px) {
  .n237 {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .c26e73,
  .o0ac02 {
    flex: 0 1 auto;
  }
}

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

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

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

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

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

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

.d3a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 1024px) {
  .i563582 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

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

.g73523 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .g73523 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .g73523 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

.f34c5 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.h6c4 {
  width: 100%;
  height: 200px;
  background-color: var(--color-bg-tertiary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

.j2ae3960 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

.j210 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .h6c4 {
    height: 240px;
  }

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

@media (min-width: 1024px) {
  .h6c4 {
    height: 260px;
  }
}

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

.ob63d {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.a1e4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.k59 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.b10419 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  cursor: pointer;
  border: none;
}

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

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

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

@media (min-width: 1024px) {
  .j87c1 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.m8f5f9a {
  width: 100%;
}

.l684 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.fa61b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.l386 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

.daccd0a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.d5883d29 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: start;
}

.f67c8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

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

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

.o58 {
  width: 100%;
  background: transparent;
  border: none;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-fast);
}

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

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

.g80a2d4b {
  flex: 1;
}

.e2f7 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  transition: transform var(--transition-fast);
}

.o58[aria-expanded="true"] .e2f7 {
  transform: rotate(180deg);
}

.n40fe68 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

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

.n40fe68 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.c843e93 {
  display: none;
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.c843e93 img {
  width: 100%;
  height: auto;
  display: block;
}

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

  .d5883d29 {
    grid-template-columns: 1fr 350px;
    gap: var(--spacing-2xl);
  }

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

  .c843e93 {
    display: block;
    position: sticky;
    top: var(--spacing-xl);
  }
}

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

  .d5883d29 {
    grid-template-columns: 1fr 400px;
  }

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

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

  .n40fe68 p {
    font-size: 1rem;
  }
}

.he742 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.aefa {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
}

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

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

.f6c7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.b5de {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: fit-content;
  box-shadow: var(--shadow-sm);
}

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

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

.b5de:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.c3a9f3b {
  display: none;
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.c3a9f3b img {
  width: 100%;
  height: auto;
  display: block;
}

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

  .aefa {
    grid-template-columns: 1fr 300px;
  }

  .c3a9f3b {
    display: block;
  }
}

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

  .aefa {
    grid-template-columns: 1fr 350px;
    gap: var(--spacing-2xl);
  }

  .na25 {
    font-size: 2rem;
  }

  .f6c7 {
    font-size: 1.05rem;
  }
}

@media (max-width: 767px) {
  .n40fe68 {
    padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  }

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

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

.p9293 main {
  width: 100%;
}

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

.p9293 .l7ce4f0 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-lg) 0;
}

.p9293 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.p9293 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.p9293 h2:first-of-type {
  margin-top: var(--spacing-xl);
}

.p9293 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

.p9293 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.p9293 .mb6d {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p9293 .n8379 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.p9293 .n8379 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.p9293 .n8379 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.p9293 section {
  overflow: hidden;
}

@media (min-width: 768px) {
  .p9293 .n42e8e {
    padding: 0 var(--spacing-lg);
  }

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

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

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

.nbe27f {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ed695 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.n42e8e {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.pec5def0 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .pec5def0 {
    gap: var(--spacing-xl);
  }
}

.ha80a {
  width: 120px;
  height: 120px;
  margin: 0 auto var(--spacing-md);
  color: var(--color-success);
  animation: scaleInCheck 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@media (min-width: 768px) {
  .ha80a {
    width: 140px;
    height: 140px;
  }
}

.ha80a svg {
  width: 100%;
  height: 100%;
  display: block;
}

h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  animation: fadeInUp 0.7s ease-out 0.2s backwards;
}

.j5b6e {
  color: var(--color-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
  animation: fadeInUp 0.7s ease-out 0.3s backwards;
}

.g6c43 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  margin: 0;
  animation: fadeInUp 0.7s ease-out 0.4s backwards;
}

.i56659 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  line-height: 1.7;
  margin: 0;
  animation: fadeInUp 0.7s ease-out 0.5s backwards;
}

.p5f73406 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-family: var(--font-primary);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  animation: fadeInUp 0.7s ease-out 0.6s backwards;
}

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

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

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

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

@keyframes scaleInCheck {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.j31133c6 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  position: relative;
  overflow: hidden;
}

.ec488b {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

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

.l7ce4f0 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.af9e5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xl);
  text-align: center;
  position: relative;
}

.g00 {
  position: relative;
  margin-bottom: var(--spacing-lg);
}

.pd96e4 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.i3c9c {
  position: absolute;
  border-radius: var(--radius-full);
  opacity: 0.15;
  pointer-events: none;
}

.k191 {
  width: clamp(150px, 25vw, 300px);
  height: clamp(150px, 25vw, 300px);
  background-color: var(--color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(40px);
  z-index: 1;
}

.n300d {
  width: clamp(100px, 18vw, 220px);
  height: clamp(100px, 18vw, 220px);
  background-color: var(--color-secondary);
  top: 60%;
  right: 10%;
  filter: blur(50px);
  z-index: 1;
}

.pce8b4 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.k3765a3 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.bed {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

.d0fdbb9 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: var(--spacing-md) auto 0;
}

.a0dbf {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md);
  margin: var(--spacing-lg) auto 0;
  max-width: 550px;
}

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

.ka9369 {
  list-style: none;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ka9369 li {
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-md);
  position: relative;
}

.ka9369 li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
}

.ff4 {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  border-radius: var(--radius-full);
  margin-top: var(--spacing-lg);
}

.p5f73406 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
  margin-top: var(--spacing-xl);
}

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

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

.o900:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

@media (min-width: 1024px) {
  .ec488b {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 100vh;
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  .o900:hover {
    transform: none;
  }

  .o900:active {
    transform: none;
  }
}

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

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

.pd85f8 {
  text-align: center;
}

.l32fa0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.m35 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.k99b {
  width: 100%;
}

.fd212c {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.dad6 {
  width: 100%;
}

.ld593 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.df9c4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.nc4 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.b1cd3,
.h10be {
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background-color: var(--color-bg-secondary);
  border: 2px 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);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.b1cd3::placeholder,
.h10be::placeholder {
  color: var(--color-text-muted);
}

.b1cd3:focus,
.h10be:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.h10be {
  min-height: clamp(120px, 25vh, 180px);
  resize: vertical;
  font-family: var(--font-primary);
}

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

.p92a {
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.f146e {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  border-bottom: 1px solid transparent;
}

.f146e:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.hf521a {
  width: 100%;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 2vw, 2rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: -0.01em;
}

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

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

.l4bb {
  width: 100%;
}

.nbb4 {
  background-color: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

.e2a4ffe {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3rem);
  height: clamp(2.5rem, 4vw, 3rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
}

.g905 {
  flex: 1;
}

.d9da0761 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.pc1 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  display: block;
  line-height: 1.5;
}

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

.b48 {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.gc2 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.g5f1e {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i291b8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

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

.fa4cc {
  text-align: center;
}

.d1d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

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

.cd9aa {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: -0.01em;
}

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

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

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

  .fd212c {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

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

  .i291b8 {
    justify-content: flex-start;
  }

  .n4dccf {
    margin-left: auto;
  }
}

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

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

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

@media (max-width: 767px) {
  .fd212c {
    grid-template-columns: 1fr;
  }

  .nbb4 {
    order: -1;
  }
}
.h79,.df55{
  width: 34px;
}

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

.fd99{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .fd99{
    max-width: 100%;
  }
}

.fd99.l26b{
  z-index: 999;
}

.h79[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .k1e {
    aspect-ratio: 6 / 9;
  }
  .hfe6 {
    aspect-ratio: 6 / 9;
  }
}