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

:root {
  --color-bg-primary: #1a1008;
  --color-bg-secondary: #271c10;
  --color-bg-tertiary: #362818;
  --color-bg-card: #271c10;

  --color-text-primary: #fefce8;
  --color-text-secondary: #fde68a;
  --color-text-muted: #fcd34d;

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

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #362818;
  --color-border-light: #4a3a28;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 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.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);

  font-size: 17px;

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

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.65;
  letter-spacing: 0.3px;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-lg);
  color: var(--color-text-primary);
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

h3 {
  font-size: 1.875rem;
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
}

h5 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
}

h6 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-muted);
}

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

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  font-weight: 500;
}

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

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

button, .o0ec38 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
}

.h06 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-md);
}

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

.h06:focus {
  outline: 2px solid var(--color-text-primary);
  outline-offset: 2px;
}

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

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

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

.ga7:hover {
  background: rgba(245, 158, 11, 0.1);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-sm);
  letter-spacing: 0.3px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

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

label {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
}

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

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

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

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

code {
  background: var(--color-bg-tertiary);
  color: var(--color-primary-light);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
}

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

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

.b353b {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

.i8976a {
  display: flex;
  gap: var(--spacing-md);
}

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

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

.j7c {
  text-align: center;
}

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

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

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

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

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

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

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

.l107e2 {
  color: var(--color-secondary);
}

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

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

.a5aad { margin-top: var(--spacing-sm); }
.fc5b { margin-top: var(--spacing-md); }
.b6c5e089 { margin-top: var(--spacing-lg); }
.bc8 { margin-top: var(--spacing-xl); }

.c8347 { margin-bottom: var(--spacing-sm); }
.f1e { margin-bottom: var(--spacing-md); }
.m4b2 { margin-bottom: var(--spacing-lg); }
.g64063 { margin-bottom: var(--spacing-xl); }

.jd8184d { padding: var(--spacing-sm); }
.h7b1 { padding: var(--spacing-md); }
.kf1eb57 { padding: var(--spacing-lg); }
.nd0a { padding: var(--spacing-xl); }

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .k4c00, .cce9, .kf1 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  button, .o0ec38 {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.95rem;
  }
}

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

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

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

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

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

@supports (backdrop-filter: blur(10px)) {
  .na7 {
    backdrop-filter: blur(10px);
    background: rgba(26, 16, 8, 0.8);
  }
}
.o6c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.ha7913 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

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

.ha7913[aria-expanded="true"] .j62627:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.ha7913[aria-expanded="true"] .j62627:nth-child(2) {
  opacity: 0;
}

.ha7913[aria-expanded="true"] .j62627:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.o8f {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-primary);
  border-left: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 99;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
}

.o8f.me2 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.nf8 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--color-text-primary);
}

.o55df8e {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: all 0.3s ease;
}

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

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

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

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

.d690 {
  padding: 1rem 1.5rem;
  margin: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-align: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

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

body.l86 {
  overflow: hidden;
}

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

  .caede {
    display: flex;
  }

  .l395 {
    display: inline-block;
  }

  .ha7913 {
    display: none;
  }

  .o8f {
    display: none;
  }
}

@media (min-width: 1024px) {
  .i2e4 {
    height: 90px;
  }

  .b38 {
    font-size: 1.35rem;
  }

  .n5331 {
    font-size: 1rem;
  }

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

    

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

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

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

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

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

.ff53 {
  flex: 1 1 50%;
  display: flex;
  align-items: flex-end;
}

.ef8e {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
  margin-bottom: clamp(1rem, 3vw, 2rem);
}

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

.bc390e01 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  word-wrap: break-word;
}

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

.l42f {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 12px;
}

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

.o0ec38 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  border: none;
}

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

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

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

.k26:hover {
  background: rgba(245, 158, 11, 0.1);
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
}

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

.k21aa:hover {
  background: rgba(245, 158, 11, 0.1);
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
}

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

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

.f25d {
  text-align: center;
}

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

.k5a28 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0.5rem 0 1rem 0;
  line-height: 1.2;
  word-wrap: break-word;
}

.odef {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
}

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

.o402493 {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  overflow: hidden;
}

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

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

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

.gdb {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  width: fit-content;
}

.aa499b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
}

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

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

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

.gda354 {
  text-align: center;
}

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

.o0730f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0.5rem 0 1rem 0;
  line-height: 1.2;
  word-wrap: break-word;
}

.pc5 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
}

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

.bec {
  flex: 1 1 300px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.be921 {
  font-size: clamp(2.25rem, 4vw, 3rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

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

.kbab {
  text-align: center;
}

.p1f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
  word-wrap: break-word;
}

.a82377fa {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
}

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

.h4d7 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-left: 4px solid var(--color-accent);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

.pbc {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
}

.he0e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  flex-grow: 1;
}

.b4d05e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  display: inline-block;
  width: fit-content;
}

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

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

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

.p1f81ada {
  text-align: center;
}

.nc404 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
  word-wrap: break-word;
}

.hbd01f69 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
}

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

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

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

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

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

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

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

.mb4b4 {
  text-align: center;
}

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

.n68a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0.5rem 0 1rem 0;
  line-height: 1.2;
  word-wrap: break-word;
}

.h3857408 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
}

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

.o38f1 {
  flex: 1 1 100%;
  max-width: 600px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.o38f1 .ha5bb {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  min-height: 250px;
  object-fit: cover;
}

.o38f1 .aa44 {
  flex: 1 1 55%;
}

.l891bf {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

.b89 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
}

.gd7dc485 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  flex-grow: 1;
}

.i75f5f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  display: inline-block;
  width: fit-content;
}

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

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

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

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

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

.i128c3 {
  flex: 1 1 250px;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
}

.i128c3 i {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

.b9ee0a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  word-wrap: break-word;
}

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

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

.gfed850 {
  text-align: center;
}

.ha0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
  word-wrap: break-word;
}

.l10006 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
}

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

.n2c5 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.o70d99 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

.o741450.h3e88 {
  display: none;
}

.c271 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-align: center;
  flex: 1 1 300px;
  word-wrap: break-word;
}

.i2c {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

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

.pb0f8 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.h3c7,
.g9c7e {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

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

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

.g9c7e:hover {
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

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

  .ff53 {
    flex: 1 1 100%;
    margin-bottom: 1rem;
  }

  .l42f {
    flex: 1 1 100%;
    min-height: 300px;
  }

  .b3de3 {
    flex-direction: column;
  }

  .o402493 {
    flex: 1 1 100%;
  }

  .a9fa {
    flex: 1 1 100%;
  }

  .o38f1 {
    flex-direction: column;
  }

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

  .o38f1 .aa44 {
    flex: 1 1 100%;
  }

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

  .o741450 {
    flex-direction: column;
  }

  .c271 {
    flex: 1 1 100%;
    order: 1;
  }

  .pb0f8 {
    flex: 1 1 100%;
    order: 2;
    justify-content: center;
  }
}

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

  .o0ec38 {
    width: 100%;
  }

  .hbafa3 {
    flex-direction: column;
  }

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

  .d285c {
    flex-direction: column;
  }

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

  .o8815 {
    flex-direction: column;
  }

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

  .k02 {
    flex-direction: column;
  }

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

  .if2 {
    flex-direction: column;
  }

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

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

  .h3c7,
  .g9c7e {
    flex: 1 1 100%;
  }
}

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

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

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

.iea24a,
.md89f17,
.of1b04,
.ma3 {
  display: block;
}

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

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

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

.hbb302a1 li,
.a814 li {
  display: block;
}

.aba5b2 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: color 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.of1b04 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  margin: 0;
  padding: clamp(0.25rem, 0.5vw, 0.5rem) 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h05 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .e35 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 5vw, 3.5rem);
  }

  .iea24a,
  .md89f17,
  .of1b04,
  .ma3 {
    flex: 1 1 calc(50% - 1.5rem);
    min-width: 200px;
  }

  .geafc70 {
    flex: 1 1 100%;
  }

  .hbb302a1,
  .a814 {
    gap: clamp(0.5rem, 1vw, 1rem);
  }
}

@media (min-width: 1024px) {
  .iea24a,
  .md89f17,
  .of1b04,
  .ma3 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

.f701 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Karla', sans-serif;
}

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

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

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

.n25c {
  flex: 1 1 45%;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.bac2b6b7 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-accent-light);
  font-weight: 600;
  line-height: 1.4;
}

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

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

.lab68a92 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

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

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

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

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

.p9f {
  font-size: clamp(0.875rem, 1.5vw + 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;
}

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

.ob227 {
  flex: 1 1 300px;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ob227:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.2);
}

.g7950 {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

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

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

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

.ef6077 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j4801 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.875rem);
  color: var(--color-text-muted);
}

.i3a04,
.h7bcf5,
.mcda11 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  color: var(--color-text-muted);
}

.i3a04 i,
.h7bcf5 i,
.mcda11 i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw + 0.3rem, 0.875rem);
}

.hda3 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-primary);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  width: fit-content;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.fe2 {
  font-size: clamp(0.875rem, 1.5vw + 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;
}

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

.j60e4 {
  display: inline-flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  padding: clamp(0.6rem, 1vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-accent-light);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.975rem);
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: default;
  white-space: nowrap;
}

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

.j60e4 i {
  color: var(--color-accent-light);
  font-size: clamp(0.8rem, 1vw + 0.3rem, 0.95rem);
}

.j60e4:hover i {
  color: var(--color-text-primary);
}

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

  .n25c {
    flex: 1 1 100%;
    order: 2;
  }

  .p6da40d2 {
    flex: 1 1 100%;
    order: 1;
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .l2882 {
    gap: clamp(2rem, 5vw, 4rem);
  }

  .ob227 {
    flex: 1 1 calc(33.333% - 1.5rem);
    max-width: none;
  }

  .ob227:hover {
    transform: translateY(-8px);
  }

  .b9d0f {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .j60e4 {
    padding: 0.8rem 1.5rem;
  }

  .j60e4:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p7452dc0 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  max-width: 90%;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

.oec {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.f94fa {
  position: sticky;
  top: 2rem;
}

.b72b4 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.j4c {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  margin: 0 auto;
  display: block;
  border: 2px solid var(--color-accent);
}

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

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

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

.f50e893 {
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 500;
  margin: 0;
}

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

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

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

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

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

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

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

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

.c0eded9 strong {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

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

.m9d strong {
  color: var(--color-accent);
  font-weight: 600;
}

.j38e1 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.o87ec1b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .oec {
    grid-template-columns: 1fr;
  }

  .f94fa {
    position: static;
  }

  .b72b4 {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 1rem;
    text-align: left;
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .j4c {
    grid-column: 1;
    grid-row: 1 / 4;
    margin: 0;
  }

  .o0dc7 {
    grid-column: 2;
    text-align: left;
  }

  .f50e893 {
    grid-column: 2;
    text-align: left;
  }

  .c9be0f {
    grid-column: 2;
    text-align: left;
  }
}

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

  .nb29,
  .ef2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .c0eded9,
  .eb3f92 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e53 {
    flex: 0 1 100%;
    min-width: auto;
  }

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

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

  .b72b4 {
    grid-template-columns: 100px 1fr;
  }

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

  .g73 {
    gap: 0.25rem;
    font-size: 0.75rem;
  }

  .p7452dc0 {
    max-width: 100%;
  }

  .beff {
    gap: 1rem;
  }

  .ed2a1c {
    gap: 1rem;
  }

  .jed2a1 {
    font-size: 1.25rem;
    margin-top: 0.1rem;
  }

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

  .i9a1,
  .g03,
  .g49d1,
  .h8695,
  .l8a9,
  .i7584a7d,
  .ic733c0e {
    padding: clamp(2rem, 3vw, 2.5rem) 0;
  }
}

@media (max-width: 480px) {
  .g73 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .g73 span {
    display: none;
  }

  .lf0 {
    gap: 0.4rem;
    font-size: 0.75rem;
  }

  .pefba {
    padding: clamp(1rem, 1.5vw, 1.25rem);
  }

  .b72b4 {
    grid-template-columns: 1fr;
    text-align: center;
    padding: clamp(1rem, 1.5vw, 1.25rem);
  }

  .j4c {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    grid-column: auto;
    grid-row: auto;
  }

  .o0dc7,
  .f50e893,
  .c9be0f {
    grid-column: auto;
    text-align: center;
  }

  .kd28 {
    border-left: none;
    border-top: 4px solid var(--color-accent);
    padding: clamp(1rem, 2vw, 1.5rem);
    margin: clamp(1.5rem, 2vw, 2rem) 0;
  }

  .ed2a1c {
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
  }

  .jed2a1 {
    font-size: 1rem;
    margin-top: 0;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j852 {
  flex: 0 0 auto;
  width: 200px;
  position: sticky;
  top: 2rem;
}

.kad9 {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.p72 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.p4dff {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

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

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

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

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

.cbe153a1 {
  flex: 1 1 auto;
  min-width: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fb70 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

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

.afb {
  flex: 1 1 auto;
}

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

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

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

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

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

.nb4d43 {
  flex: 1 1 auto;
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

.ga0323e {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f4918eff {
  flex: 1 1 auto;
}

.fd1 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

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

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

  .j852 {
    width: 100%;
    position: relative;
    top: auto;
  }

  .l641796f,
  .i71bd,
  .n56b,
  .p73813b {
    flex-direction: column;
  }

  .k031,
  .na2,
  .d5e9f,
  .g9442,
  .l7a9ad,
  .l0691118,
  .o63c04,
  .b9a15 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .g6f2e {
    margin-top: 0;
  }

  .nb4d43 {
    max-width: 100%;
  }

  .oe464 {
    gap: 1rem;
  }

  .e7a3679 {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}

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

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

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

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

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

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

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

.b00c061b {
  width: 100%;
}

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

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

.p6473b a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

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

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

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

.i00a18a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

.la58074 {
  flex: 0 0 240px;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.ed81bb {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p1b0a {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

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

.lbe a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

.n7b05 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

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

.l33060 {
  flex: 1 1 auto;
}

.b5932,
.lf6064,
.nb7,
.o95,
.cd6663 {
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.hbd,
.l145,
.hecef9,
.c9d,
.ef3726 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

.o8779,
.m1d1d1,
.f9de4e,
.k8f4c47,
.gb4d {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.ddf,
.dfc,
.pdde5,
.kee16,
.mf3e0e12 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ddf p,
.dfc p,
.pdde5 p,
.kee16 p,
.mf3e0e12 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.ddf p:last-child,
.dfc p:last-child,
.pdde5 p:last-child,
.kee16 p:last-child,
.mf3e0e12 p:last-child {
  margin-bottom: 0;
}

.p429,
.k02750,
.f9a57ce4,
.ob9b,
.k6e93b7 {
  flex: 1 1 50%;
  max-width: 50%;
}

.p429 img,
.k02750 img,
.f9a57ce4 img,
.ob9b img,
.k6e93b7 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

.c7b8 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  margin: clamp(2.5rem, 5vw, 4rem) 0;
}

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

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

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

.c93a:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(245, 158, 11, 0.1);
}

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

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

.a7d446c8 a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

.e26892b {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

.a296f40 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 3vw, 3rem);
  margin-bottom: clamp(2rem, 3vw, 2.5rem);
  justify-content: space-between;
}

.g55 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  text-align: center;
}

.i10 {
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 auto 1rem;
  font-family: var(--font-heading);
}

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

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

.jc9173 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

  .la58074 {
    flex: 0 0 auto;
    position: relative;
    top: auto;
  }

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

@media (max-width: 768px) {
  .n583d,
  .o8779,
  .m1d1d1,
  .f9de4e,
  .k8f4c47,
  .gb4d {
    flex-direction: column;
  }

  .e39,
  .m04,
  .ddf,
  .dfc,
  .pdde5,
  .kee16,
  .mf3e0e12,
  .p429,
  .k02750,
  .f9a57ce4,
  .ob9b,
  .k6e93b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c93a {
    flex: 1 1 100%;
    min-width: auto;
  }

  .g55 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .a296f40 {
    flex-direction: column;
  }
}

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

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

  .la58074 {
    display: none;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kf8dd46 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  max-width: 700px;
  font-weight: 400;
}

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

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

.f2a3a3 i {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
}

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

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

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

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

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

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

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

  .n9cf2d29,
  .j599216b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.j3df6c85 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  position: relative;
  margin: clamp(2rem, 4vw, 3rem) 0;
  margin-left: 0;
  padding-left: clamp(1rem, 4vw, 2rem);
  padding-right: clamp(1rem, 4vw, 2rem);
}

.hbea {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 280px;
  box-shadow: var(--shadow-md);
}

.d91 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

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

.k0f {
  color: var(--color-accent);
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .e7c96e77,
  .b5a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k24b115e,
  .c0de0a {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }
}

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

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

.i45288 {
  text-align: center;
}

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

.mddbf18 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 400;
}

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

.pdc3e {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
  flex: 0 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g8663,
  .p8efa {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

  .m141637,
  .de29a1 {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }
}

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

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

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

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

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

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

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

  .ef07,
  .o73a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.p01 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 4vw, 2.25rem);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  display: inline-block;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-md);
}

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

@media (max-width: 768px) {
  .g147f4b,
  .i277f,
  .if64d,
  .i38b7,
  .k010c593,
  .hd3b,
  .e2f326,
  .a928d2,
  .meb {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .me3d {
    font-size: 0.8125rem;
  }

  .j3df6c85 {
    display: flex;
    justify-content: center;
    padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 4vw, 2rem);
    margin: clamp(1.5rem, 3vw, 2rem) 0;
  }

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

@media (max-width: 1024px) {
  .p01 {
    padding: 0.875rem 1.5rem;
  }
}

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

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

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

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

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

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

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

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

.g5ba7517 {
  text-align: center;
  max-width: 700px;
}

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

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

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

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

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

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

.oe1 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  display: block;
}

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

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

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

.c31294d {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
}

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

.h05879 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

.i6a2f {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 260px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.i6a2f:hover {
  transform: translateY(-4px);
  background: var(--color-bg-card);
  border-color: var(--color-accent);
}

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

.iba {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

.j9bcd14b {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

.b9be {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(2rem, 3vw, 2.5rem);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

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

.ma9 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: bold;
  color: var(--color-accent);
  min-width: 50px;
  text-align: center;
  line-height: 1;
}

.mdb {
  flex: 1;
}

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

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

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

.nae35d {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.b2b {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  font-style: italic;
  max-width: 750px;
  margin: 0 auto;
}

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

.c61a8 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  text-align: center;
}

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

.h7d083 {
  font-size: clamp(2.25rem, 5vw, 3rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

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

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

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

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

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

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

.abd {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  display: block;
}

.c2a4ee91 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

.f3f6212 {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

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

@media (min-width: 768px) {
  .c31294d {
    flex: 1 1 calc(50% - 1.25rem);
  }

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

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

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

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

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

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

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

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

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

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

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

.lca358 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.4;
}

.l09b0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

@media (max-width: 767px) {
  .i5e1 {
    max-height: 300px;
  }
}

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

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

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

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

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

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

.e79f4a3 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .dca9d580 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

.ac04 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

.i358 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
}

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

.p69aa44 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .k89372a {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .k89372a {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

.b0a7 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

.m391d {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-bottom: 3px solid var(--color-accent);
  transition: all 0.3s ease;
}

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

@media (min-width: 768px) {
  .m391d {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .m391d {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

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

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

.g7cd1 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  margin-top: auto;
}

.g7cd1:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

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

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

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

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

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

@media (min-width: 768px) {
  .nfeb {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.h22 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 2px solid var(--color-accent);
}

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

.d61fe7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

  .j4d6 {
    order: -1;
  }

  .o6f1b {
    flex-direction: column;
  }

  .k89372a {
    flex: 1 1 100%;
  }

  .m391d {
    flex: 1 1 100%;
  }

  .nfeb {
    flex-direction: column;
  }
}

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

.ka9f {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

.ndfa {
  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-sm) 0;
  line-height: 1.2;
}

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

.ec146 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.b67c {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.pb80 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

.n05cdb {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-primary);
  background-color: var(--color-primary-light);
  padding: 0.25rem var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-sm);
}

.g2fc1a8 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.nb1c1a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.n5fa {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-primary);
  transition: border-color 0.3s ease, color 0.3s ease;
}

.n5fa:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.kd98 {
  background-color: var(--color-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

.i1ca41a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.ia3f8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.a5b31 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .ka9f {
    padding: 4rem var(--spacing-lg);
  }

  .ec146 {
    padding: 4rem var(--spacing-lg);
  }

  .b67c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .n6114f7 {
    height: 280px;
  }

  .kd98 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ka9f {
    padding: 5rem var(--spacing-lg);
  }

  .ec146 {
    padding: 5rem var(--spacing-lg);
  }

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

  .n6114f7 {
    height: 300px;
  }

  .kd98 {
    padding: 5rem var(--spacing-lg);
  }

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

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

.m5f6ac9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.p4de9 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .m5f6ac9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m5f6ac9 {
    padding: 4rem var(--spacing-lg);
  }
}

.jf9c6 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.k276 {
  max-width: 1200px;
  margin: 0 auto;
}

.n89d63 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .n89d63 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .jf9c6 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

  .jf9c6 {
    padding: 4rem var(--spacing-lg);
  }
}

.b01032 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

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

.m1de7 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.d246e933 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.g6268 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.pfe03eae {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background-color 0.3s ease;
  align-self: flex-start;
}

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

.n3c4e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.m453 {
  max-width: 700px;
  margin: 0 auto;
}

.ic3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.cc9 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.cc9:hover {
  background-color: var(--color-accent-hover);
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .n3c4e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n3c4e {
    padding: 4rem var(--spacing-lg);
  }
}

.j37cc9 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.n3352792 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .n3352792 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

  .j37cc9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n3352792 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }

  .j37cc9 {
    padding: 4rem var(--spacing-lg);
  }
}

.l4ad7c {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

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

.lf8102 main {
  width: 100%;
}

.lf8102 .a1b855 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.lf8102 .m1470213 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) var(--spacing-md);
}

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

.lf8102 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-md);
  line-height: 1.4;
}

.lf8102 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.lf8102 .l7ce91 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  font-style: italic;
}

.lf8102 .h627c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  margin-bottom: var(--spacing-xl);
}

.lf8102 .h627c p {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

.lf8102 .fa216763 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.lf8102 .fa216763:last-of-type {
  border-bottom: none;
}

.lf8102 .fa216763 h2 {
  color: var(--color-text-primary);
}

.lf8102 .fa216763 p {
  color: var(--color-text-primary);
}

.lf8102 .fa216763 ul,
.lf8102 .fa216763 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding-left: var(--spacing-lg);
}

.lf8102 .fa216763 li {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.lf8102 .gf8 {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

.lf8102 .gf8 li {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

.lf8102 .pb6b7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  border-radius: var(--radius-md);
}

.lf8102 .pb6b7 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.lf8102 .pb6b7 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

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

.lf8102 .h45 {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-lg) 0;
  background-color: var(--color-bg-card);
}

.lf8102 .h45 th,
.lf8102 .h45 td {
  padding: var(--spacing-md);
  text-align: left;
  border: 1px solid var(--color-border-light);
  color: var(--color-text-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
}

.lf8102 .h45 th {
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  font-weight: 600;
}

.lf8102 .h45 td {
  background-color: var(--color-bg-card);
}

@media (max-width: 767px) {
  .lf8102 .m1470213 {
    padding: var(--spacing-lg) var(--spacing-sm);
  }

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

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

  .lf8102 .h45 th,
  .lf8102 .h45 td {
    padding: var(--spacing-sm);
  }
}

@media (min-width: 768px) {
  .lf8102 .m1470213 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

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

@media (min-width: 1024px) {
  .lf8102 .a1b855 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

  .c409b6f {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-md);
    overflow: hidden;
  }

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

  .m1470213 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }

  .gb9 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-lg);
  }

  .lc7f6e3 {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-md);
  }

  .lb8 {
    width: clamp(80px, 15vw, 120px);
    height: clamp(80px, 15vw, 120px);
    color: var(--color-success);
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
    animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  @keyframes scaleIn {
    from {
      transform: scale(0);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }

  .i8f {
    font-size: clamp(1.75rem, 5vw, 2.75rem);
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.2;
    margin: 0;
    animation: slideUp 0.7s ease-out 0.15s both;
  }

  @keyframes slideUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .g9e {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    line-height: 1.6;
    margin: 0;
    font-weight: 600;
    animation: slideUp 0.7s ease-out 0.25s both;
  }

  .jd8a1 {
    background-color: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: clamp(var(--spacing-lg), 3vw, var(--spacing-2xl));
    margin: var(--spacing-md) 0;
    animation: slideUp 0.7s ease-out 0.35s both;
  }

  .pee04 {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: var(--color-text-primary);
    line-height: 1.7;
    margin: 0;
    margin-bottom: var(--spacing-md);
  }

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

  .p9e62ab {
    font-size: clamp(0.85rem, 1vw, 0.95rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    animation: slideUp 0.7s ease-out 0.45s both;
  }

  .o0ec38 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    font-family: var(--font-primary);
    font-weight: 600;
    text-decoration: none;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    animation: slideUp 0.7s ease-out 0.55s both;
  }

  .h06 {
    background-color: var(--color-primary);
    color: var(--color-text-on-accent);
    border-color: var(--color-primary);
    box-shadow: var(--shadow-md);
  }

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

  .h06:active {
    transform: translateY(0);
    box-shadow: var(--shadow-sm);
  }

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

  .o11c {
    padding: clamp(var(--spacing-md), 2vw, var(--spacing-lg)) clamp(var(--spacing-lg), 3vw, var(--spacing-2xl));
  }

  @media (min-width: 768px) {
    .c409b6f {
      padding: var(--spacing-xl);
    }

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

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

  @media (min-width: 1024px) {
    .c409b6f {
      padding: var(--spacing-2xl);
      min-height: 100vh;
    }

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

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

    .h06:hover {
      transform: translateY(-3px);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lb8,
    .i8f,
    .g9e,
    .jd8a1,
    .p9e62ab,
    .o0ec38 {
      animation: none;
    }

    .h06:hover {
      transform: none;
    }

    .h06:active {
      transform: none;
    }
  }

  @media (max-width: 480px) {
    .gb9 {
      gap: var(--spacing-md);
    }

    .c409b6f {
      min-height: auto;
      padding: var(--spacing-lg) var(--spacing-md);
    }

    .jd8a1 {
      margin: var(--spacing-lg) 0;
    }
  }

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

html,
body {
  width: 100%;
  height: 100%;
}

.i26f9 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.meb51 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding: var(--spacing-lg) var(--spacing-md);
}

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

.m1470213 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.gc66627 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.nab5a {
  width: clamp(100px, 25vw, 180px);
  height: clamp(100px, 25vw, 180px);
  margin: 0 auto var(--spacing-md);
  animation: spin 8s linear infinite;
}

.i133 {
  width: 100%;
  height: 100%;
  color: var(--color-primary);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08));
}

.f45de2 {
  transform-origin: 100px 100px;
  animation: wobble 3s ease-in-out infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes wobble {
  0%,
  100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(8deg);
  }
  75% {
    transform: rotate(-8deg);
  }
}

.i581 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: var(--spacing-md) 0;
  animation: fadeInDown 0.8s ease-out;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hf63d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.j13c0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c36 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.o0ec38 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;
  letter-spacing: 0.5px;
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

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

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

.h06:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.h06:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.k8bb608 {
  margin-top: var(--spacing-xl);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-secondary-light);
  border-radius: var(--radius-md);
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.f06ebd47 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  font-style: italic;
}

@media (max-width: 640px) {
  .i26f9 {
    padding: var(--spacing-sm);
  }

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

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

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

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

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

@media (min-width: 641px) and (max-width: 1024px) {
  .meb51 {
    padding: var(--spacing-lg) var(--spacing-md);
  }

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

@media (min-width: 1025px) {
  .meb51 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .o0ec38:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nab5a,
  .f45de2,
  .i581,
  .c36,
  .o0ec38,
  .k8bb608 {
    animation: none;
  }

  .h06:hover {
    transform: none;
  }
}

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

.fff9c38 {
  background-color: var(--color-bg-secondary);
  padding: 2rem 1rem;
  overflow: hidden;
}

.ka55662 {
  text-align: center;
}

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

.of924 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .fff9c38 {
    padding: 3.5rem 1rem;
  }
}

@media (min-width: 1024px) {
  .fff9c38 {
    padding: 5rem 1rem;
  }
}

.nb8379 {
  background-color: var(--color-bg-primary);
  padding: 2rem 1rem;
  overflow: hidden;
}

.gce {
  width: 100%;
}

.h31095 {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  width: 100%;
}

.o65f {
  flex: 1 1 100%;
  min-width: 0;
}

.c68128b8 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .nb8379 {
    padding: 3rem 1rem;
  }

  .h31095 {
    gap: 3rem;
  }

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

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

@media (min-width: 1024px) {
  .nb8379 {
    padding: 4rem 1rem;
  }

  .h31095 {
    gap: 4rem;
  }
}

.ead386 {
  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 1.75rem 0;
  letter-spacing: -0.3px;
}

.ib3a6f {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.d6f {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.odb6,
.df5234 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.odb6:focus,
.df5234:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
  background-color: var(--color-bg-primary);
}

.odb6::placeholder,
.df5234::placeholder {
  color: var(--color-text-muted);
}

.df5234 {
  min-height: 140px;
  resize: vertical;
}

.i4c674 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0.5rem 0;
}

.p62d52 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
  line-height: 1.5;
}

.n7e52 {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  cursor: pointer;
  flex-shrink: 0;
}

.ec7f {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.ec7f:hover,
.ec7f:focus {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
  outline: none;
}

.b4f03 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1rem);
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
  margin-top: 0.5rem;
}

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

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

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

.g5433cc {
  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 1.75rem 0;
  letter-spacing: -0.3px;
}

.l3fe72d {
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: 1.25rem;
  transition: all 0.3s ease;
}

.l3fe72d:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

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

.cfd {
  flex: 1;
  min-width: 0;
}

.k96629a {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
}

.l8cc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.k2796c {
  background-color: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin: 1.5rem 0;
}

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

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

.pe25120f {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
}

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

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

.cbcf {
  margin-top: 1.5rem;
}

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

.j201 {
  background-color: var(--color-bg-secondary);
  padding: 2rem 1rem;
  overflow: hidden;
}

.ic31a {
  text-align: center;
}

.f9fc27c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.5px;
}

.m1d8b338 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 2rem 0;
  line-height: 1.6;
}

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

@media (min-width: 768px) {
  .j201 {
    padding: 3rem 1rem;
  }

  .n8eb {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .j201 {
    padding: 4rem 1rem;
  }
}

.p2d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0.2px;
  cursor: pointer;
  border: 2px solid transparent;
}

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

.pd14d:hover,
.pd14d:focus {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  outline: none;
}

.p481a {
  background-color: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.p481a:hover,
.p481a:focus {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  outline: none;
}

@media (max-width: 480px) {
  .odb6,
  .df5234 {
    font-size: 16px;
  }

  .l3fe72d {
    gap: 1rem;
    padding: 1.25rem;
  }

  .l19 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }

  .pe25120f {
    flex-direction: column;
    gap: 0.25rem;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.ha7913,.o55df8e{width:34px;}
.ha7913[aria-expanded="true"]{display:none;}
.o8f.me2{z-index:999;}
.o8f{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.o8f{max-width:100%;}}
.caede{justify-content:flex-end;}
@media (max-width:768px){.g7950{min-height:500px;}}