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

:root {
  --color-bg-primary: #0e0c0a;
  --color-bg-secondary: #1a1714;
  --color-bg-tertiary: #28231e;
  --color-bg-card: #1a1714;

  --color-text-primary: #fdf6ee;
  --color-text-secondary: #d6c5a8;
  --color-text-muted: #a89572;

  --color-primary: #c2742e;
  --color-primary-hover: #a8612a;
  --color-primary-light: #d4883d;
  --color-secondary: #d4903a;
  --color-secondary-light: #e0a850;

  --color-success: #6b9e7f;
  --color-success-light: #8ab89a;
  --color-warning: #d4903a;
  --color-warning-light: #e0a850;
  --color-danger: #a8523f;
  --color-danger-light: #c4694f;

  --color-border: #3d3631;
  --color-border-light: #2a251f;

  --font-primary: 'Source Serif 4', serif;
  --font-heading: 'Merriweather', serif;

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

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.7);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  --line-height-tight: 1.2;
  --line-height-base: 1.6;
  --line-height-relaxed: 1.8;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: var(--font-size-5xl);
}

h2 {
  font-size: var(--font-size-4xl);
}

h3 {
  font-size: var(--font-size-3xl);
}

h4 {
  font-size: var(--font-size-2xl);
}

h5 {
  font-size: var(--font-size-xl);
}

h6 {
  font-size: var(--font-size-lg);
}

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

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

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

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

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

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

.n88694:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

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

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

.i13c9a:hover {
  background: var(--color-secondary-light);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.eb1:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.i2ed177 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 600;
  background: var(--color-primary);
  color: var(--color-bg-primary);
}

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

.e871d {
  background: var(--color-success);
}

.mca6916 {
  background: var(--color-warning);
}

.hbe2 {
  background: var(--color-danger);
}

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

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

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

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

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

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

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

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

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

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

.i5fd6 { margin: 0; }
.ob883e32 { margin: var(--spacing-xs); }
.fbc17c5c { margin: var(--spacing-sm); }
.p5f2324 { margin: var(--spacing-md); }
.jd649 { margin: var(--spacing-lg); }
.nbe2b6 { margin: var(--spacing-xl); }
.d956760e { margin: var(--spacing-2xl); }
.b0906 { margin: var(--spacing-3xl); }

.g2205a { margin-top: 0; }
.e71 { margin-top: var(--spacing-xs); }
.la7054 { margin-top: var(--spacing-sm); }
.m7f92fa6 { margin-top: var(--spacing-md); }
.ef3d70f2 { margin-top: var(--spacing-lg); }
.h0e61090 { margin-top: var(--spacing-xl); }
.pb025 { margin-top: var(--spacing-2xl); }

.a464 { margin-bottom: 0; }
.g3ba2cf8 { margin-bottom: var(--spacing-xs); }
.n6e { margin-bottom: var(--spacing-sm); }
.pd7ba { margin-bottom: var(--spacing-md); }
.pac5 { margin-bottom: var(--spacing-lg); }
.c310e1a4 { margin-bottom: var(--spacing-xl); }
.daa7f { margin-bottom: var(--spacing-2xl); }

.nd4ab0 { padding: 0; }
.c2a6a { padding: var(--spacing-xs); }
.g3f { padding: var(--spacing-sm); }
.i29b6 { padding: var(--spacing-md); }
.a23 { padding: var(--spacing-lg); }
.i55 { padding: var(--spacing-xl); }
.o5b00 { padding: var(--spacing-2xl); }

.g97 { padding-top: 0; }
.c4e31 { padding-top: var(--spacing-xs); }
.g531f72e { padding-top: var(--spacing-sm); }
.l6d0abc { padding-top: var(--spacing-md); }
.fb0c { padding-top: var(--spacing-lg); }
.j83aee36 { padding-top: var(--spacing-xl); }
.l998b { padding-top: var(--spacing-2xl); }

.p5957acb { padding-bottom: 0; }
.hcdb { padding-bottom: var(--spacing-xs); }
.h31 { padding-bottom: var(--spacing-sm); }
.j5987c6 { padding-bottom: var(--spacing-md); }
.od040bbf { padding-bottom: var(--spacing-lg); }
.pf09f86 { padding-bottom: var(--spacing-xl); }
.lef { padding-bottom: var(--spacing-2xl); }

.b2f72 { gap: var(--spacing-sm); }
.h2ec7 { gap: var(--spacing-md); }
.he531d { gap: var(--spacing-lg); }
.i2b43375 { gap: var(--spacing-xl); }

.ifcef {
  display: flex;
}

.m6a72 {
  flex-direction: column;
}

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

.pe625 {
  align-items: center;
}

.of53b {
  justify-content: center;
}

.n5338f {
  justify-content: space-between;
}

.e121 {
  display: grid;
}

.f19 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

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

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

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

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

.lc2 {
  width: 100%;
}

.hdf {
  height: 100%;
}

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

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

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

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

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

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

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

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

.i31 {
  opacity: 0.5;
}

.g89a07aa {
  opacity: 0.75;
}

.g86 {
  transition: all var(--transition-fast);
}

.lbc11e6 {
  transition: all var(--transition-base);
}

.e012 {
  transition: all var(--transition-slow);
}

.c93c {
  cursor: pointer;
}

.m40 {
  text-decoration: none;
}

.g2412 {
  text-align: center;
}

.maef9a {
  text-align: left;
}

.jf262 {
  text-align: right;
}

@media (max-width: 768px) {
  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

  .cbf4e3bd {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .c73a8e13 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

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

@media (max-width: 480px) {
  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

  .i38cd3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  button, .i304e83 {
    width: 100%;
  }
}
.n0a388a {
  background: var(--color-bg-primary);
  border-bottom: 2px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

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

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

.nc48:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

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

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

.k6b.i24 span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.k6b.i24 span:nth-child(2) {
  opacity: 0;
}

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

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

.d8a3f6fd.i24 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.f16f {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f16f i {
  font-size: 1.5rem;
  color: var(--color-text-primary);
}

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

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

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

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

.f391c {
  display: block;
  width: 100%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

  .p29f {
    display: flex;
  }

  .k6b {
    display: none;
  }

  .d8a3f6fd {
    display: none !important;
  }
}

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

  .d965a {
    font-size: 1.5rem;
  }

  .g0705 {
    font-size: 1rem;
  }

  .ccb88a {
    font-size: 1rem;
  }
}

    

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

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

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

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

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

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

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

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

.pb36944a {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  min-height: 600px;
  display: flex;
  align-items: center;
}

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

.p8367c {
  position: relative;
  width: 100%;
  max-width: 600px;
  transform: perspective(1000px) rotateY(-5deg);
}

.a0ee2 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
  display: block;
}

.m1a2a {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  background: rgba(10, 8, 6, 0.95);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

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

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

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

@media (max-width: 768px) {
  .p8367c {
    transform: perspective(1000px) rotateY(0);
  }

  .m1a2a {
    position: relative;
    top: 0;
    margin-top: -40px;
    z-index: 10;
  }
}

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

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

.i9817 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  max-width: 600px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  text-align: center;
}

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

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

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

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

.a8fd0f6 {
  text-align: center;
}

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

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

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

.cc99 {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 3px solid var(--color-secondary);
}

.n745f {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-secondary);
  min-width: 80px;
  flex-shrink: 0;
}

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

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

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

.l782b3a {
  text-align: center;
}

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

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

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

.n2530b {
  flex: 1 1 250px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.n2530b:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(194, 116, 46, 0.2);
}

.e1dbd8 {
  font-size: 3rem;
  color: var(--color-accent);
}

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

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

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

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

.pe97 {
  text-align: center;
}

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

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

.he588 {
  flex: 1 1 150px;
  max-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  text-align: center;
  border-top: 3px solid var(--color-accent);
}

.jfcbc {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 0.5rem 0;
}

.h847 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 600;
}

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

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

.od991c {
  text-align: center;
}

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

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

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

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

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

.o69564 {
  text-align: center;
}

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

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

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

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

.d65 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(1.25rem, 3vw, 2rem) clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(194, 116, 46, 0.3);
}

.d65:hover {
  background: var(--color-accent-hover);
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(194, 116, 46, 0.4);
}

.e30b3 {
  display: block;
}

.a6a80a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: center;
  width: 100%;
  max-width: 1000px;
}

.f370 {
  flex: 1 1 180px;
  max-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 10px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

.a002c {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
}

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

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

.bdaffa5 {
  text-align: center;
}

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

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

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

.l212cb3 {
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.l212cb3[open] {
  box-shadow: 0 8px 20px rgba(194, 116, 46, 0.2);
}

.ea14 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  user-select: none;
  background: var(--color-bg-card);
  border: none;
  width: 100%;
  text-align: left;
  transition: all 0.3s ease;
}

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

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

.mcf8 {
  color: var(--color-accent);
  font-size: 1rem;
  transition: transform 0.3s ease;
  flex-shrink: 0;
  margin-left: 1rem;
}

.l212cb3[open] .mcf8 {
  transform: rotate(180deg);
}

.f56a {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

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

.le9d7 {
  text-align: center;
}

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

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

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

.pc92f {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.pc92f:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(194, 116, 46, 0.25);
}

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

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

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

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

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

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

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

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

.o04a21.g31b46 {
  display: none;
}

.p46 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  flex: 1;
  min-width: 250px;
}

.ndb432 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
}

.ndb432:hover {
  text-decoration: underline;
}

.l6a1 {
  display: flex;
  gap: clamp(0.75rem, 1vw, 1rem);
  flex-shrink: 0;
}

.f7e,
.p9668f {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 768px) {
  .pb36944a {
    min-height: auto;
  }

  .m1a2a {
    width: 100%;
  }

  .o04a21 {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

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

  .a6a80a {
    flex-direction: column;
  }

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

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

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

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

  .n2530b {
    flex: 1 1 200px;
    max-width: 240px;
  }
}

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

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

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

.la2a,
.j7ca,
.kf702,
.g9cb {
  display: block;
}

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

.ed2 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.la2a p {
  max-width: 520px;
}

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

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

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

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

.m67 p {
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0.375rem 0;
}

.j43 {
  font-style: italic;
  opacity: 0.85;
}

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

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

  .j7ca {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .kf702 {
    flex: 0 1 auto;
    min-width: 200px;
  }

  .g9cb {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .m67 {
    flex: 1 1 100%;
  }

  .k48adb {
    gap: clamp(0.625rem, 1.5vw, 1rem);
  }
}

@media (max-width: 767px) {
  .eed {
    gap: clamp(1.75rem, 3vw, 2.5rem);
  }

  .ed2 h3 {
    margin-bottom: clamp(0.625rem, 1vw, 1rem);
  }

  .k48adb {
    gap: clamp(0.5rem, 0.75vw, 0.75rem);
  }
}

.ed2 a:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.ed2 p,
.ed2 a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
    

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

.j6ff8b4 {
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 12vw, 8rem) 0;
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l1e {
  position: absolute;
  inset: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="%23c2742e" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="1200" height="600" fill="url(%23grid)"/></svg>');
  opacity: 0.3;
  pointer-events: none;
}

.a7b0 {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

.a59 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  letter-spacing: -0.02em;
}

.d36 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

.j40 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.01em;
}

.cd7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
}

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

.e612f {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  flex: 1 1 clamp(280px, 20vw, 350px);
  max-width: 380px;
  transition: all var(--transition-base);
  overflow: hidden;
}

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

.gd19 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
  aspect-ratio: 16 / 9;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

.e612f:hover .l510 {
  transform: scale(1.05);
}

.e35c0 {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
  margin: 0;
}

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

.h23 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 1.5vw, 0.875rem);
}

.nb1,
.ccea7591,
.m4cd5da {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.nb1 i,
.ccea7591 i,
.m4cd5da i {
  color: var(--color-accent);
  width: 14px;
}

.he0743da {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.625rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1.5vw, 0.9375rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  width: fit-content;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

.h251d {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.01em;
}

.dfb {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
}

.df47 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 850px;
  margin: 0 auto;
  width: 100%;
}

.p380 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.p380[open] {
  border-color: var(--color-accent);
  background: linear-gradient(135deg, var(--color-bg-card), var(--color-bg-tertiary));
}

.ecb {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 1rem);
  padding: clamp(1rem, 2.5vw, 1.5rem);
  cursor: pointer;
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: var(--line-height-base);
  user-select: none;
  transition: all var(--transition-base);
  width: 100%;
  text-align: left;
}

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

.k9ea {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  color: var(--color-accent);
  transition: transform var(--transition-base);
  font-size: 0.875rem;
}

.p380[open] .k9ea {
  transform: rotate(180deg);
}

.jff61 {
  flex: 1;
}

.i17 {
  padding: 0 clamp(1rem, 2.5vw, 1.5rem) clamp(1rem, 2.5vw, 1.5rem);
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
}

.i17 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .df47 {
    padding: 0 clamp(0.5rem, 2vw, 1rem);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .e612f {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
  }
}

@media (min-width: 1024px) {
  .e612f {
    flex: 1 1 calc(25% - 1.875rem);
    min-width: 280px;
  }

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

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

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

html, body {
  height: 100%;
}

body {
  font-family: 'Source Serif 4', serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j027f3 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: clamp(1rem, 5vh, 2rem);
}

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

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

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

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

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

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

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

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

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

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

.n2f1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  padding-left: 2rem;
  position: relative;
}

.n2f1::before {
  content: '◆';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-size: 0.75rem;
}

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

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

.lb496 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.ma5 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  margin: clamp(2.5rem, 5vw, 4rem) 0;
  border-left: 5px solid var(--color-accent);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

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

.id5c0 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  text-align: right;
}

.p6c4 {
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  padding: clamp(2rem, 3vw, 2.5rem);
  margin: clamp(2.5rem, 5vw, 4rem) 0;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

.e0c802 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

.h6d2a57 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

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

.ie2e391 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
}

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

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

.h7b7b {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.p212063b {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
}

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

.f93f {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.f93f:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(194, 116, 46, 0.15);
}

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

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

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

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

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

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

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

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

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

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

  .geb {
    flex-direction: column;
  }

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

  .j027f3 {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }

  .o73 {
    flex-direction: column;
  }

  .cde848e,
  .f1bd42,
  .f3d,
  .f94e439 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .l888 {
    flex-direction: column;
  }

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

.obf9b67 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .j49a2,
  .b4e78b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n44 {
    gap: 1rem;
  }
}

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

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

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

.d31 {
  flex: 1 1 70%;
  max-width: 70%;
}

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

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

.p023137 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oe8f {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

  .of2,
  .ie4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.d63cc9 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: calc(50% - 0.75rem);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.3s ease;
}

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

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

.j501bd4 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.l64c4 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l64c4 li::before {
  content: "▸";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

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

.ca998 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g132408c {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
}

.f24f8 > div {
  flex: 1;
}

.gc708 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l18ce2 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border: 1px solid var(--color-border-light);
}

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

.mf92f7 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
}

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

.b55 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

.b79940 {
  flex: 1 1 30%;
  max-width: 30%;
}

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

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

.eb19195 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.b99 {
  margin: 0;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

  .l652 {
    position: static;
  }
}

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

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

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

.c58c8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  text-align: center;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.jaaa4 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 250px;
  max-width: calc(33.333% - 1.67rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.kb099c {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

@media (max-width: 768px) {
  .k32 {
    gap: 1rem;
  }

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

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

.ie73 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Source Serif 4', serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h1cb14f2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Merriweather', serif;
  font-weight: 700;
}

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

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

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

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

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

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

.l0a84669 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Merriweather', serif;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

.l68a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Merriweather', serif;
  font-weight: 700;
}

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

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

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

.b504f55 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-family: 'Merriweather', serif;
  font-weight: 600;
}

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

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

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

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

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

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

.ked276d5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Merriweather', serif;
  font-weight: 700;
}

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

.e9b0 {
  margin-top: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
}

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

.laf821f {
  list-style-position: inside;
  padding-left: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

.l293 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Merriweather', serif;
  font-weight: 700;
}

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

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

.f33 {
  max-width: 350px;
}

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

.b2b9 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  object-fit: cover;
  display: block;
  border: 3px solid var(--color-accent);
}

.k98e2 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-family: 'Merriweather', serif;
  font-weight: 600;
}

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

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

.pd89a {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 500;
}

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

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

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

.f628 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Merriweather', serif;
  font-weight: 700;
  text-align: center;
}

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

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

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

.ka415 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-family: 'Merriweather', serif;
  font-weight: 700;
  text-align: center;
}

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

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

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

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

.e83e1f18 {
  padding: clamp(1rem, 2vw, 1.5rem);
}

.p87ec2bb {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-family: 'Merriweather', serif;
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

@media (max-width: 1024px) {
  .oaf0f0,
  .k37c815,
  .mf6c,
  .m87b,
  .i6ef7a33,
  .f6daf5 {
    flex-direction: column;
  }

  .d2110,
  .g67ef,
  .m06,
  .od6f4,
  .a60,
  .pc6d,
  .i88c99,
  .m91a,
  .od996,
  .l05b4df,
  .k1a,
  .a44be0b {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .m57425 {
    flex: 1 1 100%;
  }

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

@media (max-width: 480px) {
  .nf65c56,
  .m4543,
  .i62,
  .k1870,
  .m5c0c2,
  .fcaaa009,
  .h8b,
  .m47a {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .k292e9 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }
}

  .e38 {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-family: 'Source Serif 4', serif;
    line-height: 1.6;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g675a,
    .m24ff {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

    .kb56,
    .a05d {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .c3c59 {
    flex: 1 1 70%;
    max-width: 70%;
  }

  .l4ba {
    flex: 1 1 30%;
    max-width: 30%;
    position: sticky;
    top: clamp(1rem, 2vw, 2rem);
  }

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

  .bfe2 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto clamp(1rem, 2vw, 1.5rem);
    object-fit: cover;
    display: block;
  }

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

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

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

  .h67a8c48 {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-accent);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    font-weight: 600;
  }

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

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

    .c3c59,
    .l4ba {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .l4ba {
      position: static;
    }
  }

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

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

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

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

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

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

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

    .g56eba,
    .l80 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

    .h336,
    .pa6b71ca {
      flex: 1 1 100%;
      max-width: 100%;
      order: 0;
    }
  }

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

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

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

  .beb6b22b {
    flex-shrink: 0;
  }

  .beb6b22b i {
    font-size: clamp(1.5rem, 3vw, 2rem);
    color: var(--color-accent);
  }

  .fe0 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

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

    .fffb,
    .hbce1 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

    .jae,
    .c8f {
      flex: 1 1 100%;
      max-width: 100%;
      order: 0;
    }
  }

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

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

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

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

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

  .m2bea7e4 {
    max-width: 800px;
  }

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

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

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

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

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

  .pb9053bb {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
  }

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

  .bf6 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
    background: var(--color-bg-secondary);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    transition: all 0.3s ease;
  }

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

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

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

  .cbf937ad {
    padding: clamp(1.25rem, 2vw, 1.75rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

.c0155 {
  text-align: center;
}

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

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

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

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

.i5377b {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  border-radius: 4px;
  display: block;
  object-fit: cover;
}

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

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

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

.i1bf8f3a + .i1bf8f3a {
  margin-top: 1.25rem;
}

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

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

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

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

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

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

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

.f551577 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.cadf9b {
  flex: 1 1 50%;
}

.hef {
  flex: 1 1 50%;
}

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

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

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

.e64a {
  width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
  object-fit: cover;
}

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

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

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

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

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

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

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

.lc79441 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-secondary);
  min-width: 60px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j2e {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

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

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

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

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

  .cadf9b {
    flex: 1 1 100%;
  }

  .hef {
    flex: 1 1 100%;
  }

  .f551577 {
    flex: 1 1 100%;
  }

  .ae5d6f2f {
    flex-direction: row;
  }

  .o75a53d2 {
    flex-direction: column;
  }

  .gc4ac7 {
    width: 100%;
  }
}

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

  .f0444,
  .dde5a6,
  .o07,
  .o13c {
    font-size: 1.5rem;
  }

  .ae5d6f2f {
    padding: 1rem;
    gap: 1rem;
  }

  .lc79441 {
    min-width: 50px;
  }
}

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

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

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

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

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

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

.o5c3d {
  width: 100%;
  max-width: 500px;
  flex-shrink: 0;
}

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

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

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

.k41a7 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2.5vw + 0.5rem, 1.5rem);
  font-weight: 500;
  margin: 0;
  line-height: var(--line-height-base);
}

.n669a15c {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.5px;
  line-height: var(--line-height-base);
}

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

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

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

.cf220 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

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

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

.c3b {
  flex: 1 1 clamp(250px, 100%, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

.icf {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  height: auto;
}

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

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

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

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

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

.b95 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

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

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

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

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

.oe3 {
  color: var(--color-accent);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-base);
}

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

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

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

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

.mbf0 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

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

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

.l8aafe91 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 50px;
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
  border: 1px solid var(--color-accent);
  font-weight: 500;
  transition: var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

.cfa198 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

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

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

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

.g391b {
  flex: 1 1 clamp(280px, 100%, 380px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

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

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

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

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

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

.j9397 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

.kbb118 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.875rem);
  font-weight: 500;
}

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

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

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

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

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

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

.n9f805 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

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

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

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

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

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

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

.ee6 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .fed5c2c {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .o5c3d {
    max-width: 450px;
    flex: 0 0 45%;
  }

  .b5c {
    flex: 1 1 50%;
    text-align: left;
  }

  .ge28 {
    justify-content: space-between;
  }

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

  .c5760 {
    justify-content: space-between;
  }

  .g391b {
    flex: 0 1 calc(33.333% - 1.333rem);
  }
}

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

  .o5c3d {
    max-width: 500px;
  }

  .ge28 {
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .c3b {
    flex: 0 1 calc(25% - 1.5rem);
  }

  .g391b {
    flex: 0 1 calc(33.333% - 1.333rem);
  }

  .f151 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 4vw, 3.5rem);
    grid-auto-flow: dense;
  }

  .lff9:nth-child(1),
  .lff9:nth-child(4) {
    grid-column: span 1;
  }
}

@media (min-width: 1440px) {
  .o5c3d {
    max-width: 550px;
  }

  .c3b {
    flex: 0 1 calc(25% - 1.5rem);
  }

  .g391b {
    flex: 0 1 calc(33.333% - 1.333rem);
  }
}

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

  .c3b {
    flex: 1 1 100%;
  }

  .l8aafe91 {
    flex: 0 1 auto;
  }
}

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

.b1099 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border);
}

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

.n93a8 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.f0a17c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .b1099 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .b1099 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

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

.c986f4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

.c3ef10 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .c986f4 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .c3ef10 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .c986f4 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

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

.lcb9e6 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.lcb9e6:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.i8d7e {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

.i8d7e img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.lcb9e6:hover .i8d7e img {
  transform: scale(1.05);
}

.ped {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

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

.ccfc0 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.d1138a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.k5118 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

.e165 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin: auto 0 0 0;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  line-height: var(--line-height-base);
}

@media (min-width: 768px) {
  .ped {
    padding: var(--spacing-xl);
  }
}

.k29 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
  border-top: 2px solid var(--color-border);
}

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

.k379 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.n670fd {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.o898 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.o898:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
}

@media (min-width: 768px) {
  .k29 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .k29 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

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

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

.l97 {
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  background-color: var(--color-bg-primary);
}

.i595 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg) 0;
}

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

.c14675 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-base);
  max-width: 600px;
}

.i6c623 {
  width: 100%;
  height: auto;
  min-height: 250px;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.f6d4 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.m14e2c5 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.e11 {
  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;
  gap: var(--spacing-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.e11:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.eff {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.eff i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.be5a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.25rem, 1.75rem);
  color: var(--color-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.h9a3 {
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.m19ce8b {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.j67d7919 {
  font-size: var(--font-size-sm);
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  white-space: nowrap;
}

.cf8ad {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

.n9d009 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  max-width: 600px;
}

.f00a76 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.75rem);
  color: var(--color-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.l7d4b96 {
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.k6d4 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--font-size-base);
  text-align: center;
  transition: background-color var(--transition-base);
  width: fit-content;
  border: none;
  cursor: pointer;
}

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

.d4d4291 {
  width: 100%;
  height: auto;
  min-height: 280px;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .l97 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .m14e2c5 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .l97 {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }

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

  .i6c623 {
    min-height: 350px;
  }

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

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

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

  .cf8ad {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-4xl) var(--spacing-2xl);
    gap: var(--spacing-3xl);
  }

  .d4d4291 {
    min-height: 400px;
  }
}

@media (min-width: 1280px) {
  .m14e2c5 {
    grid-template-columns: repeat(4, 1fr);
  }

  .cf8ad {
    grid-template-columns: 1.2fr 1fr;
  }
}

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

.m16b7c70 main {
  width: 100%;
  padding: 0;
  margin: 0;
}

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

.m16b7c70 .kb9157 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.m16b7c70 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.m16b7c70 .if24f2 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.m16b7c70 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.m16b7c70 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-base);
  margin-bottom: var(--spacing-md);
  font-weight: 400;
}

.m16b7c70 ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: var(--spacing-md);
}

.m16b7c70 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-base);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.m16b7c70 .pdc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.m16b7c70 .pdc h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.m16b7c70 .pdc p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 768px) {
  .m16b7c70 .k292e9 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-base);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main.fcc9b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

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

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

.ife78 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.gf7 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl) 0;
}

.j95 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scaleInIcon 0.6s ease-out;
}

.j95 svg {
  width: 120px;
  height: 120px;
  color: var(--color-success);
  stroke-width: 2;
}

@keyframes scaleInIcon {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  animation: slideUpHeading 0.6s ease-out 0.1s both;
}

@keyframes slideUpHeading {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.d063 {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.3rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-base);
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
  animation: slideUpContent 0.6s ease-out 0.2s both;
}

@keyframes slideUpContent {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.f9b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  animation: slideUpContent 0.6s ease-out 0.3s both;
}

.f9b:last-of-type {
  margin-bottom: var(--spacing-2xl);
}

.j6f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  cursor: pointer;
  border: 2px solid var(--color-primary);
  animation: slideUpContent 0.6s ease-out 0.4s both;
}

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

.j6f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.j6f:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .gf7 {
    padding: var(--spacing-3xl) 0;
    gap: var(--spacing-xl);
  }

  .j95 svg {
    width: 140px;
    height: 140px;
  }

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

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

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

  .f9b:last-of-type {
    margin-bottom: var(--spacing-3xl);
  }
}

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

  .j95 svg {
    width: 160px;
    height: 160px;
  }

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

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

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

  .f9b:last-of-type {
    margin-bottom: var(--spacing-4xl);
  }
}

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

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

html, body {
  width: 100%;
  height: 100%;
}

.je2e1 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.c3c {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.ife78 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.e37 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: center;
  text-align: center;
}

.p67c0 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.ada5bb {
  position: relative;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1;
  display: flex; flex-direction: column;
}

.jd54976 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.g422 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.85);
  opacity: 0.3;
  animation: pulse-ring 3s ease-in-out infinite;
}

@keyframes pulse-ring {
  0%, 100% {
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0.3;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.1;
  }
}

.b751de1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: 0 var(--spacing-md);
}

.ab8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

.md601f {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: var(--line-height-base);
}

.n11d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-top: var(--spacing-sm);
}

.f1b6165e {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-xl);
  flex-wrap: wrap;
}

.i304e83 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  letter-spacing: 0.3px;
  min-width: 200px;
}

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

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

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

.c3d {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-xl);
  box-shadow: var(--shadow-sm);
}

.h61ac {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (min-width: 640px) {
  .c3c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .ada5bb {
    max-width: 350px;
  }

  .f1b6165e {
    gap: var(--spacing-lg);
    margin-top: var(--spacing-2xl);
  }

  .i304e83 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    min-width: 220px;
  }

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

@media (min-width: 768px) {
  .c3c {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .ada5bb {
    max-width: 400px;
    margin-bottom: var(--spacing-xl);
  }

  .b751de1 {
    gap: var(--spacing-lg);
    padding: 0 var(--spacing-xl);
  }

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

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

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

@media (min-width: 1024px) {
  .c3c {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 100vh;
  }

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

  .ada5bb {
    max-width: 450px;
  }

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

  .i304e83 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.05rem;
    min-width: 240px;
  }

  .i304e83:hover {
    transform: translateY(-3px);
  }
}

@media (min-width: 1440px) {
  .c3c {
    padding: var(--spacing-4xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .g422 {
    animation: none;
    opacity: 0.2;
  }

  .n88694:hover {
    transform: none;
  }

  .n88694:active {
    transform: none;
  }
}

@media (max-height: 600px) {
  .c3c {
    min-height: auto;
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

  .ada5bb {
    max-width: 200px;
  }

  .jd54976 {
    font-size: clamp(3rem, 12vw, 5rem);
  }

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

  .c3d {
    margin-top: var(--spacing-lg);
    padding: var(--spacing-md);
  }
}

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

.k087079 {
  background-color: var(--color-bg-secondary);
  padding: 2rem 1rem;
  overflow: hidden;
}

.e23 {
  text-align: center;
}

.k74a5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
}

.db1b27b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .k087079 {
    padding: 3.5rem 1rem;
  }
}

@media (min-width: 1024px) {
  .k087079 {
    padding: 5rem 1rem;
  }
}

.o89 {
  background-color: var(--color-bg-primary);
  padding: 2rem 1rem;
  overflow: hidden;
}

.g68b2 {
  width: 100%;
}

.k4e6fd8f {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

@media (min-width: 768px) {
  .o89 {
    padding: 3.5rem 1rem;
  }

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

  .h3c {
    flex: 1 1 400px;
    max-width: 500px;
  }

  .m9ad0a {
    flex: 1 1 400px;
  }
}

@media (min-width: 1024px) {
  .o89 {
    padding: 5rem 1rem;
  }
}

.nd0 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
}

.le0ab {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.b796c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.c230f {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-weight: 600;
  display: block;
}

.n9c,
.h37120f {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  transition: all var(--transition-base);
}

.n9c::placeholder,
.h37120f::placeholder {
  color: var(--color-text-muted);
}

.n9c:focus,
.h37120f:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.h37120f {
  min-height: 140px;
  resize: vertical;
}

.d9dd {
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.bbc45a85 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-base);
  margin: 0;
}

.n7e101 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.l28c {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.l28c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.fbb {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-xl);
}

.ped76 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.o65bb {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.ofa2 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.j61c9a7d {
  flex: 1;
  min-width: 0;
}

.h636394 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

.cecb85 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.gf3 {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  margin-bottom: var(--spacing-xl);
}

.fef {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.f44 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
}

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

.ae11 {
  text-align: center;
}

.hf3c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 700;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.hf3c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .ped76 {
    gap: var(--spacing-2xl);
  }

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

  .ofa2 {
    width: 56px;
    height: 56px;
    font-size: 1.75rem;
  }
}

.k292e9 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.k6b,.f16f{width:34px;}
.k6b[aria-expanded="true"]{display:none;}
.d8a3f6fd.i24{z-index:999;}
.d8a3f6fd{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.d8a3f6fd{max-width:100%;}}
.p29f{justify-content:flex-end;}
@media (max-width:768px){.b22{min-height:500px;}}
@media (max-width:768px){.gd19{min-height:500px;}}