@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: #18181b;
  --color-bg-secondary: #27272a;
  --color-bg-tertiary: #3f3f46;
  --color-bg-card: #27272a;

  --color-text-primary: #fafafa;
  --color-text-secondary: #a1a1aa;
  --color-text-muted: #94949b;

  --color-primary: #f59e0b;
  --color-primary-hover: #d97706;
  --color-primary-light: #fbbf24;
  --color-secondary: #fbbf24;
  --color-secondary-light: #fcd34d;

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

  --color-border: #3f3f46;
  --color-border-light: #52525b;

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--spacing-md);
  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: 2rem;
  letter-spacing: -0.01em;
}

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

h5 {
  font-size: 1.25rem;
}

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

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

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

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

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

button {
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  font-weight: 600;
  transition: all var(--transition-base);
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}

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

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

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

code {
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  font-family: '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;
}

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

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

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

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

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

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

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

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

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

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

.ocea860:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-border-light);
}

.b467c152 {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.n9a0 {
  padding: 1rem 2rem;
  font-size: 1.125rem;
}

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

.pac23:hover {
  border-color: var(--color-border-light);
  box-shadow: var(--shadow-lg);
}

.dd5841f5 {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: var(--radius-full);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.j1174 {
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-secondary);
  border-color: var(--color-primary);
}

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

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

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

.bbb07 {
  display: grid;
  gap: var(--spacing-xl);
}

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

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

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

.o70d {
  display: flex;
}

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

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

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

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

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

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

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

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

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

.j1cf024f {
  text-align: center;
}

.ca53b9 {
  text-align: left;
}

.b75b {
  text-align: right;
}

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

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

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

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

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

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

.bd7 {
  font-weight: 700;
}

.m1d9 {
  font-weight: 600;
}

.k0af700 {
  font-weight: 500;
}

.hecd {
  font-size: 0.875rem;
}

.n7159 {
  font-size: 1.125rem;
}

.j524a19 {
  font-size: 1.25rem;
}

.bb18 {
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

  .p5658,
  .a8c5,
  .ac979 {
    grid-template-columns: 1fr;
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .gd16 {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
  }

  .pac23 {
    padding: var(--spacing-lg);
  }
}
.heac3 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

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

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

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

.f267d {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.o1f4d:hover .f267d {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

.gc6 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 0;
  flex: 1;
  justify-content: center;
}

.g4cc {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 0.5rem 1.25rem;
  transition: all 0.3s ease;
  position: relative;
}

.g4cc:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 1.25rem;
  right: 1.25rem;
  height: 2px;
  background: var(--color-accent);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

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

.g4cc:hover:after {
  transform: scaleX(1);
  transform-origin: left;
}

.b51 {
  display: none;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

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

.j931 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin-left: auto;
}

.aa7 {
  width: 24px;
  height: 2.5px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all 0.3s ease;
}

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

.f7226b {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-primary);
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.f7226b.m386 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

.ade {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex: 1;
}

.p8ed34 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.p8ed34:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: 2rem;
}

.ad8 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem 1.5rem;
  text-align: center;
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  margin: 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

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

@media (min-width: 768px) {
  .k4ea3c1 {
    height: 5rem;
  }

  .gc6 {
    display: flex;
  }

  .b51 {
    display: inline-block;
  }

  .j931 {
    display: none;
  }

  .f7226b {
    display: none;
  }
}

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

  .f267d {
    font-size: 1.375rem;
  }

  .gc6 {
    gap: 0.5rem;
  }

  .g4cc {
    font-size: 0.975rem;
    padding: 0.75rem 1.5rem;
  }

  .b51 {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
  }
}

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

  .f267d {
    font-size: 1.125rem;
  }
}

@supports (backdrop-filter: blur(10px)) {
  .f7226b {
    backdrop-filter: blur(8px);
  }
}

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

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

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

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

.n0c6971 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  width: 100%;
}

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

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

.p6b94 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.l814 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  transform: perspective(1000px) rotateY(-5deg);
  transition: transform var(--transition-base);
}

.o7e8351:hover .l814 {
  transform: perspective(1000px) rotateY(0deg);
}

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

  .i1564,
  .o7e8351 {
    flex: 1 1 100%;
  }

  .l814 {
    max-height: 350px;
  }
}

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

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

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

.j3dfe1 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m75 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i3bc1b3 {
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.a7f {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b64 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.0625rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dce {
  height: 1px;
  background: var(--color-border-light);
  margin: 0;
}

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

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

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

.pfa9968 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o8df92c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.l0bc11 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  flex-shrink: 0;
  min-width: clamp(3rem, 5vw, 4rem);
  text-align: center;
}

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

.he7 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .l0bc11 {
    text-align: left;
  }
}

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

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

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

.aa52 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e8677833 {
  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-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: all var(--transition-base);
}

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

.j91d {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  flex-shrink: 0;
  min-width: clamp(3rem, 5vw, 4rem);
}

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

.b3681 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.o4a5c83 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pa193 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p989a {
  flex: 1 1 250px;
  min-width: 250px;
  max-width: 400px;
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  transition: all var(--transition-base);
}

.od98d187 {
  transform: translateY(-10px) rotate(-2deg);
}

.ie990924 {
  transform: translateY(0);
  z-index: 2;
}

.j4d53 {
  transform: translateY(-10px) rotate(2deg);
}

.p989a:hover {
  transform: translateY(-15px) scale(1.02);
  box-shadow: var(--shadow-2xl);
}

.j4d53:hover {
  transform: translateY(-15px) rotate(2deg) scale(1.02);
}

.od98d187:hover {
  transform: translateY(-15px) rotate(-2deg) scale(1.02);
}

.i1eb5d21 {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .od98d187,
  .ie990924,
  .j4d53 {
    transform: none;
  }

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

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

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

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

.g4d6 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.caf3194 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j7c236f1 {
  flex: 1 1 300px;
  max-width: 450px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  transition: all var(--transition-base);
}

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

.i5a1 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  flex-shrink: 0;
  min-width: 3rem;
  text-align: center;
}

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

.bbfa {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.lc1 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.icb {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n04386d9 {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.df952c7 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

.le0cdbbb:hover .df952c7 {
  transform: scale(1.05);
}

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

.bb62ce4 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.hcc {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

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

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

.id488d7c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j8d2b {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

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

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

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

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

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

.n1a562.m99eccd {
  display: none;
}

.d5b15a {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1rem);
  line-height: 1.5;
  max-width: 500px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mb6af87a {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.g09 {
  padding: 0.625rem 1.25rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

.k9ca5a48 {
  padding: 0.625rem 1.25rem;
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.k9ca5a48:hover {
  border-color: var(--color-text-primary);
  background: rgba(250, 250, 250, 0.05);
}

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

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

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

  .g09,
  .k9ca5a48 {
    flex: 1;
    min-width: 120px;
  }
}

@media (max-width: 480px) {
  .g09,
  .k9ca5a48 {
    flex: 1 1 auto;
    min-width: 100px;
  }
}

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

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

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

.k6cd086 {
  display: block;
}

.k6cd086 h3,
.a3c6 h3,
.i25 h3,
.k9ac9704 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.3px;
}

.k6cd086 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 520px;
}

.a3c6,
.i25,
.k9ac9704 {
  display: block;
}

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

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

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

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

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

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

.j557 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin: 0;
  line-height: 1.5;
}

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

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

  .a3c6 {
    flex: 1 1 140px;
    min-width: 140px;
  }

  .i25 {
    flex: 1 1 200px;
    min-width: 200px;
  }

  .k9ac9704 {
    flex: 1 1 140px;
    min-width: 140px;
  }

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

@media (max-width: 767px) {
  .l2cb5194,
  .n409048 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .a3c6 a,
  .k9ac9704 a {
    display: inline-block;
  }
}

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

* {
  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: 'Figtree', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

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

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

.b9e84d3b {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
}

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

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

.p20941af {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.ba1cba93 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 800;
  font-family: 'Urbanist', sans-serif;
}

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

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

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

.jdb {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.mc3 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.la90a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  font-weight: 400;
  max-width: 500px;
  margin: 0 auto;
}

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

.n81ad6a {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  overflow: hidden;
  transition: all 0.3s ease;
  padding: 0;
  flex: 1 1 320px;
}

.h414ac {
  flex: 1 1 100%;
  max-width: 450px;
}

.bc154 {
  flex: 1 1 100%;
  max-width: 380px;
}

.a16 {
  flex: 1 1 100%;
  max-width: 380px;
}

.k3e {
  flex: 1 1 100%;
  max-width: 380px;
}

.n81ad6a:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15);
}

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

.ob395 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2.5vw + 0.5rem, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  padding: 0 1.25rem;
  padding-top: 1.25rem;
}

.df6d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 400;
  padding: 0 1.25rem;
  line-height: 1.5;
}

.pebf1 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0 1.25rem;
  border-top: 1px solid var(--color-border);
  padding-top: 1rem;
  margin-top: 0.5rem;
}

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

.ge5e4 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.e7d2b {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: 0 1.25rem 1.25rem 1.25rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

.e7d2b:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.e7d2b::after {
  content: "";
  transition: transform 0.3s ease;
}

.e7d2b:hover::after {
  transform: translateX(4px);
}

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

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

.cf694 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.f46e657 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  max-width: 700px;
  margin: 0 auto;
}

.bc259 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  font-weight: 400;
  max-width: 500px;
  margin: 0 auto;
}

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

.g347a4 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.g347a4:hover {
  background: var(--color-bg-tertiary);
  border-left-color: var(--color-secondary);
}

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

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

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

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

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

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

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

  .l675a5 {
    gap: clamp(2rem, 4vw, 2.5rem);
    align-items: stretch;
  }

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

  .h414ac {
    flex: 1 1 calc(50% - 1rem);
    max-width: none;
  }

  .bc154 {
    flex: 1 1 calc(50% - 1rem);
    max-width: none;
  }

  .a16 {
    flex: 1 1 calc(50% - 1rem);
    max-width: none;
  }

  .k3e {
    flex: 1 1 calc(50% - 1rem);
    max-width: none;
  }

  .lc02d9ae {
    gap: clamp(2rem, 5vw, 3.5rem);
  }

  .g347a4 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

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

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

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

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

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

  .lc02d9ae {
    gap: 3.5rem;
  }

  .dac4 {
    gap: 1.75rem;
  }
}

@media (min-width: 1440px) {
  .h0647df {
    padding: 0 2rem;
  }

  .l675a5 {
    gap: 2.5rem;
  }

  .n81ad6a {
    flex: 1 1 calc(25% - 1.875rem);
  }

  .h414ac {
    flex: 1 1 calc(25% - 1.875rem);
  }

  .bc154 {
    flex: 1 1 calc(25% - 1.875rem);
  }

  .a16 {
    flex: 1 1 calc(25% - 1.875rem);
  }

  .k3e {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

* {
  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;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ac56 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.ac56 a,
.ac56 span {
  color: var(--color-text-secondary);
}

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

.ac56 span:last-child {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.nd95404 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

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

  .f1b19b,
  .nd95404 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j0e {
    gap: 1rem;
  }
}

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

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

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

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

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

.ic9f69 {
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

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

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

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

.c484 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  font-family: var(--font-heading);
  line-height: 1;
}

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

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

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

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

.dfc img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

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

  .h582,
  .dfc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.da14097 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

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

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

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

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

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

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

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

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

  .da14097,
  .g1674 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.f19f07b {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  border-radius: 0.75rem;
  border-left: 4px solid var(--color-secondary);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

.kd866 {
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.iac9302 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

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

  .ba8a7c8,
  .iac9302 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.h34 {
  flex-shrink: 0;
}

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

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

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

.j396a3f6 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

.l619b3 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.fa30fbc5 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 0.5rem;
}

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

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

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

.f2d4f0c4 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

.c59351 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color var(--transition-base);
}

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

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

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

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

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

.h12f {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.ff9cd3 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

.maf6 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

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

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

.dbe {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9rem);
}

.bd6e394a {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
}

.gb9a76c8 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

.k3f24b {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

.gbc {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

.k7e54 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.h4685 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
  border-left: 4px solid var(--color-warning);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

.afe {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-warning);
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

.haadc {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.haadc:hover {
  border-color: var(--color-accent);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

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

.a0b {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

.f1b1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  padding: clamp(2rem, 4vw, 3rem);
  background: linear-gradient(135deg, var(--color-accent), var(--color-primary));
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

.e3b9 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  font-weight: 600;
  line-height: 1.3;
}

.i9b263b {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  cursor: pointer;
}

.i9b263b:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

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

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

.o1b {
  flex-shrink: 0;
}

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

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

.deef3 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

.i10f {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: stretch;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  overflow: hidden;
}

.i10f:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.k0f8e {
  flex: 0 0 auto;
  width: clamp(150px, 25vw, 250px);
  height: clamp(150px, 25vw, 250px);
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.fe4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: flex-start;
}

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

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

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

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

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

  .ea299,
  .o747,
  .n1be2,
  .j068 {
    flex-direction: column;
  }

  .d343,
  .k3f24b,
  .j826e255,
  .gbc,
  .j69a27ff,
  .k7e54,
  .b18,
  .a0b {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .n3c {
    align-items: center;
  }

  .i10f {
    flex-direction: column;
  }

  .k0f8e {
    width: 100%;
    height: 200px;
  }
}

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

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

* {
  box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, p, span, li, cite {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.de1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

.de1 > span:last-child {
  color: var(--color-text-secondary);
}

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

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

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

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

.ne32 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 90%;
}

.lc095 {
  width: 100%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.mbf {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

.mbf img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

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

.ha26e1 {
  flex-shrink: 0;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
}

.f68 {
  flex: 1;
  padding-top: 0.25rem;
}

.g7bace2d {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 0.75rem 0;
}

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

.mbdd2 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

.mbdd2 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

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

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

.g85 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

.g85 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.a34cc1b3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.m17499 {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border: 1px solid var(--color-border-light);
}

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

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

.dfe7 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

.dfe7 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

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

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

.p81f {
  flex-shrink: 0;
  width: clamp(2rem, 3vw, 2.5rem);
  height: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.p6e {
  flex: 1;
}

.kf6c8 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

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

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

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

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

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

.a15b {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.e2f715be {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border: 1px solid var(--color-border-light);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.e2f715be:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
}

.ma03d3ea {
  flex-shrink: 0;
  width: clamp(120px, 20vw, 200px);
  height: clamp(120px, 20vw, 200px);
  overflow: hidden;
  border-radius: clamp(0.375rem, 0.75vw, 0.5rem);
}

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

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

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

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

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

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

@media (max-width: 1023px) {
  .ic85,
  .h3a,
  .j05,
  .ode4d {
    flex-direction: column;
  }

  .k4f772,
  .mbf,
  .g37,
  .mbdd2,
  .g85,
  .e4dcd56,
  .cfd,
  .dfe7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .de1 {
    font-size: 0.8125rem;
  }

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

  .ma03d3ea {
    width: 100%;
    height: clamp(180px, 50vw, 250px);
  }

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

  .a15b {
    justify-self: center;
    margin: 0 auto;
  }
}

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

html, body {
  width: 100%;
}

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

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

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

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

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

.n701e a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

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

.fde {
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
}

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

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

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

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

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

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

.o31 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: 12px;
}

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

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

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

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

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

.c2531 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.c2531:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15);
}

.h9dd {
  font-size: 2rem;
  color: var(--color-accent);
  height: 2.5rem;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

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

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

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

.p740fd5 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: 12px;
  height: fit-content;
}

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

@media (max-width: 768px) {
  .n232e {
    flex-direction: column;
  }
  
  .kba,
  .p740fd5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ccb674b {
  flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-top: 4px solid var(--color-accent);
}

.befedd0 {
  font-size: 2.5rem;
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

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

.kf32e271 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  grid-column: 1 / -1;
}

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

.gdd {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1.5rem;
  border-left: 3px solid var(--color-accent);
}

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

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

.n53d834 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: 12px;
}

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

@media (max-width: 768px) {
  .pbe0 {
    flex-direction: column;
  }
  
  .ka75384a,
  .n53d834 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.aad1 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.875rem 2rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

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

.o9b18a {
  flex-shrink: 0;
}

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

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

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

.j9b1ef {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

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

@media (max-width: 640px) {
  .a6f {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .gf0 {
    width: 100px;
    height: 100px;
  }
}

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

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

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

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

.gf75b5 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  max-width: 380px;
}

.p8a41c1c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 12px;
  transition: all 0.3s ease;
  height: 100%;
  align-items: flex-start;
}

.p8a41c1c:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15);
}

.pf2e44c {
  flex: 0 0 100px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}

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

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

.nb0ecd30 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

.dda {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

@media (max-width: 640px) {
  .gf75b5 {
    flex: 1 1 100%;
    min-width: unset;
  }
  
  .p8a41c1c {
    flex-direction: column;
  }
  
  .pf2e44c {
    flex: 0 0 100%;
    height: 180px;
  }
  
  .mea4d39 {
    flex-direction: column;
  }
  
  .j6a3dd5,
  .o31 {
    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;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ke825 .h0647df {
  display: flex;
  flex-direction: column;
}

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

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

.e16ff57 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
}

.a720b3 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

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

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

.aa8599 {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

.k963b {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

.b3c1e5 {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.m3d334d {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
  font-weight: 600;
}

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

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

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

.pcd76 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
  transition: var(--transition-base);
}

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

.j80977 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

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

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

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

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

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

.ha70b04 {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
  font-weight: 600;
}

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

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

.i1c8c {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.pd1bda39 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

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

.je5 {
  flex: 1;
}

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

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

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

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

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

.j69fc1 {
  font-size: 1.5rem;
  color: var(--color-secondary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

  .ge6a4db {
    gap: 1.5rem;
  }

  .bb8d8 {
    gap: 1rem;
  }

  .pcd76 {
    flex: 1 1 100%;
  }

  .n815 {
    gap: 0.75rem;
  }

  .g88b {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .ke825 {
    padding: 2rem 0;
  }

  .g1ee53 {
    padding: 2rem 0;
  }

  .c1b1 {
    padding: 2rem 0;
  }

  .e1b7 {
    padding: 2rem 0;
  }

  .k7bf {
    padding: 2rem 0;
  }

  .h8b64f1 {
    padding: 1.5rem 0;
  }
}

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

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

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

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

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

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

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

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

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

.e972406 {
  flex: 1 1 45%;
  min-height: 300px;
  overflow: hidden;
  border-radius: 0.5rem;
}

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

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

  .ed68e4,
  .e972406 {
    flex: 1 1 100%;
  }

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

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

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

.g1cc3eb {
  text-align: center;
}

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

.fcd42 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.j2ea0 {
  text-align: center;
}

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

.ce9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jcaf8 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i29172 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.k5894 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.eb4 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ad1fd9e {
  text-align: center;
}

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

.d01d14 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.l8448 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.bdc42af {
  text-align: center;
}

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

.pd919c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ad6d7 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i45512:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.i38c3afd {
  display: flex;
  gap: 1rem;
}

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

.ob0e {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.c4d0ea76 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 0.5rem;
}

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

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

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

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

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

.h71c684 {
  text-align: center;
}

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

.jb2407 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.afaa {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  text-align: center;
  background: var(--color-bg-primary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
}

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

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

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

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

  .ed68e4,
  .e972406 {
    flex: 1 1 100%;
  }
}

@media (max-width: 1024px) {
  .g4ea3 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .i29172,
  .p0e3f501 {
    flex: 1 1 100%;
  }
}

.nb3 {
  width: 100%;
}

.l0c661 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.af02 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.i7b3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.f49af0a1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.of38e15 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.of38e15:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.lf4bba {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: var(--transition-fast);
}

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

.lf4bba:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.g93d36 {
  flex: 1;
  line-height: 1.4;
}

.j37560e {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-sm);
  font-size: 1.25rem;
  font-weight: 700;
  flex-shrink: 0;
  transition: var(--transition-base);
}

.lf4bba[aria-expanded="true"] .j37560e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: rotate(45deg);
}

.c9a9e7 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  animation: slideDown var(--transition-base) ease-out;
}

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

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

.c685 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.l3d40a8f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.h2a7 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  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.9rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  box-shadow: var(--shadow-md);
  border: none;
  cursor: pointer;
}

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

.h2a7:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .l0c661 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .l0c661 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

.j1cba {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.a97d1a {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.p38 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.hd6f669 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.mde4 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.be3fedf3 {
  max-width: 1200px;
  margin: 0 auto;
}

.l7f15f63 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin: 0;
}

.e94c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  transition: all var(--transition-base);
  overflow: hidden;
}

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

.f4b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.pc5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.ab827 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
}

.bf9a {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.bf9a li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.5;
}

.bf9a li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.1rem;
}

.af962c27 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.ad5 {
  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-lg) 0;
  line-height: 1.3;
}

.lece {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.m449a0 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
  line-height: 1.5;
}

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

.m449a0:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
  .j1cba {
    padding: 4rem 1.5rem;
  }

  .mde4 {
    padding: 4rem 1.5rem;
  }

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

  .af962c27 {
    padding: 4rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .j1cba {
    padding: 5rem 2rem;
  }

  .mde4 {
    padding: 5rem 2rem;
  }

  .l7f15f63 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .af962c27 {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1280px) {
  .l7f15f63 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.ba95bc9b main {
  width: 100%;
}

.ba95bc9b .h0647df {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ba95bc9b .n4570b {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ba95bc9b h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.ba95bc9b .aadcf {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ba95bc9b h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
  line-height: 1.4;
}

.ba95bc9b h2:first-of-type {
  margin-top: var(--spacing-xl);
}

.ba95bc9b p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.ba95bc9b ul {
  margin: var(--spacing-lg) 0;
  padding-left: var(--spacing-lg);
}

.ba95bc9b li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

.ba95bc9b .l99 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.ba95bc9b .o679cbe7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.ba95bc9b .o679cbe7 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

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

.ba95bc9b .ce56716:last-child {
  margin-bottom: 0;
}

.ba95bc9b .jb20917 {
  font-weight: 600;
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 80px;
}

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

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

@media (min-width: 768px) {
  .ba95bc9b .n4570b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

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

.c7c0 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .c7c0 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c7c0 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

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

.n4570b {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.g6605 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .g6605 {
    gap: var(--spacing-xl);
  }
}

.af4 {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-md);
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@media (min-width: 768px) {
  .af4 {
    width: 120px;
    height: 120px;
    margin: 0 auto var(--spacing-lg);
  }
}

.af4 svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-sm);
}

.p41a9 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

@media (min-width: 768px) {
  .p41a9 {
    margin-bottom: var(--spacing-lg);
  }
}

.bf0ae2 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

@media (min-width: 768px) {
  .bf0ae2 {
    margin-bottom: var(--spacing-lg);
  }
}

.d1a1d5 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  font-style: italic;
}

@media (min-width: 768px) {
  .d1a1d5 {
    margin-bottom: var(--spacing-2xl);
  }
}

.f498e7b5 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  letter-spacing: 0.3px;
}

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

.f498e7b5:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .f498e7b5 {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

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

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

  .af4 {
    width: 70px;
    height: 70px;
    margin: 0 auto var(--spacing-md);
  }

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

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

html,
body {
  width: 100%;
  height: 100%;
}

.fa86 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.m26aed1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.n4570b {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.l8250e29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.n1270e {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.n77 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 10rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.jbc2be {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.p72 {
  position: absolute;
  border-radius: var(--radius-full);
  opacity: 0.1;
  border: 2px solid var(--color-primary);
}

.ib1 {
  width: clamp(150px, 40vw, 400px);
  height: clamp(150px, 40vw, 400px);
  animation: spin-slow 20s linear infinite;
}

.c60aa9d3 {
  width: clamp(100px, 30vw, 300px);
  height: clamp(100px, 30vw, 300px);
  animation: spin-slow 30s linear infinite reverse;
  animation-delay: 5s;
}

.j44e738 {
  width: clamp(50px, 20vw, 200px);
  height: clamp(50px, 20vw, 200px);
  animation: spin-slow 15s linear infinite;
  animation-delay: 10s;
}

@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.c610 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  width: 100%;
}

.ma7b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
}

.p2413db {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

.ac3d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: left;
}

.j42565 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

.j589fd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  line-height: 1.7;
}

.j589fd li {
  padding-left: var(--spacing-lg);
  position: relative;
}

.j589fd li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.gd16 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-2xl);
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: 2px solid transparent;
  white-space: nowrap;
}

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

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

.f498e7b5:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

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

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

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

@media (min-width: 768px) {
  .fa86 {
    padding: var(--spacing-xl);
  }

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

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

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

  .ac3d {
    text-align: center;
  }

  .j589fd {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
  }

  .j589fd li {
    flex: 0 1 auto;
    padding-left: var(--spacing-lg);
  }
}

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

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

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

  .ma7b {
    font-size: clamp(2rem, 4vw, 2.75rem);
  }

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

@media (prefers-reduced-motion: reduce) {
  .p72 {
    animation: none;
  }

  .f498e7b5:hover {
    transform: none;
  }

  .f498e7b5:active {
    transform: none;
  }
}

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

.n7a4 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .n7a4 {
    padding: 4rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .n7a4 {
    padding: 5rem var(--spacing-md);
  }
}

.if096257 {
  text-align: center;
}

.b626b4 {
  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;
  line-height: 1.2;
}

.hfa0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.je28 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .je28 {
    padding: 4rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .je28 {
    padding: 5rem var(--spacing-md);
  }
}

.a9dc {
  width: 100%;
}

.p8f1d7a {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

@media (min-width: 768px) {
  .p8f1d7a {
    gap: 3rem;
  }
}

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

.id8a3 {
  flex: 1 1 100%;
  min-width: 0;
}

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

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

.f32 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.a4d78d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.j593 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

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

.ac8293fe {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.f821,
.l7b3d6 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.f821::placeholder,
.l7b3d6::placeholder {
  color: var(--color-text-muted);
}

.f821:focus,
.l7b3d6:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.l7b3d6 {
  min-height: 140px;
  resize: vertical;
}

.a92 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.d45b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

.ab49 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

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

.pe55 {
  flex: 1 1 100%;
  min-width: 0;
}

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

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

.g96 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.gf8f5b4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.j48db287 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.gfe8d4 {
  display: flex;
  gap: var(--spacing-lg);
}

.caf3f {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.p10c56 {
  flex: 1;
}

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

.n5145 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.6;
}

.b3222 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

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

.iaa9c {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
}

.f93f8b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

.gc9a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.of1d6512 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

.i5983 {
  flex: 1;
  min-width: 140px;
  padding: 0.875rem 1.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

  .i5983 {
    width: 100%;
  }
}

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

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

@media (min-width: 1024px) {
  .h0647df {
    padding: 0 var(--spacing-xl);
  }
}
.j931,.a763{
  width: 34px;
}

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

.f7226b{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .f7226b{
    max-width: 100%;
  }
}

.f7226b.m386{
  z-index: 999;
}

.ade{
  padding-top: 50px;
}

.j931[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .df952c7 {
    aspect-ratio: 6 / 9;
  }
  .ab396 {
    aspect-ratio: 6 / 9;
  }
}