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

:root {
  --color-bg-primary: #1a1a2e;
  --color-bg-secondary: #242440;
  --color-bg-tertiary: #2f2f52;
  --color-bg-card: #242440;

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

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

  --color-success: #34d399;
  --color-success-light: #6ee7b7;
  --color-warning: #fbbf24;
  --color-warning-light: #fcd34d;
  --color-danger: #f87171;
  --color-danger-light: #fca5a5;

  --color-border: #3f3f5f;
  --color-border-light: #2d2d47;

  --font-primary: 'Hind', sans-serif;
  --font-heading: 'Montserrat', sans-serif;

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

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

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

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

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 2rem;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

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

h6 {
  font-size: 1.1rem;
  margin-bottom: var(--spacing-sm);
}

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

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

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

.e93 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  transition: all var(--transition-base);
  letter-spacing: 0.4px;
}

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

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

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

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

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

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

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

.c696 {
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}

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

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

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

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

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

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

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

.c0fca1 {
  text-align: center;
}

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

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

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

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

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

.m20a5d4 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

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

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

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-sm);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.3px;
  transition: border-color var(--transition-base);
}

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .k02d,
  .nfb1b {
    grid-template-columns: 1fr;
  }
}

@supports (backdrop-filter: blur(10px)) {
  .m42f18b {
    backdrop-filter: blur(10px);
    background: rgba(26, 26, 46, 0.8);
  }
}
.ha3cf {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.feb115a3:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

.hbeb9f {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  cursor: pointer;
  transition: color var(--transition-base);
}

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

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

.eceb.j481 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.h6865dc {
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  cursor: pointer;
  transition: color var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.b3540 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.n8d {
  margin: auto clamp(1rem, 4vw, 2rem) 2rem;
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
}

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

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

  .c6ddba4d {
    display: inline-block;
  }

  .hbeb9f {
    display: none;
  }

  .eceb {
    display: none;
  }
}

    

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

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

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

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

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

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

.lbea {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
}

.hbdaa5 {
  position: relative;
  width: 100%;
  max-width: 1200px;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

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

.he4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 10;
  width: 90%;
  max-width: 700px;
  background: rgba(26, 26, 46, 0.75);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: 12px;
  backdrop-filter: blur(8px);
}

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

.nd73 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 400;
}

.i6fc1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.d95c1370,
.p20 {
  padding: 0.875rem 2rem;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

.p20 {
  background: transparent;
  color: var(--color-text-primary);
  border-color: var(--color-accent);
}

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

@media (max-width: 768px) {
  .hbdaa5 {
    aspect-ratio: 4 / 5;
  }
  
  .he4 {
    padding: 1.5rem;
  }
  
  .i6fc1 {
    gap: 0.75rem;
  }
}

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

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

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

.abd846 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.ab5a890a {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  transition: all 0.3s ease;
}

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

.ibd66 {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
}

.n418af96 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 350px;
  width: 100%;
}

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

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

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

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

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

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

.e68461 {
  text-align: center;
}

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

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

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

.o922 {
  flex: 1 1 200px;
  max-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.kfb45 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  color: var(--color-accent);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.c51f4d {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

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

.i68 {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
}

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

.l39 {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.o1696e {
  padding: 1rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  width: fit-content;
  border: 2px solid transparent;
}

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

@media (max-width: 1024px) {
  .i68 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .l39 {
    flex: 1 1 100%;
  }
}

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

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

.p99de3 {
  text-align: center;
}

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

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

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

.m9035174 {
  flex: 1 1 220px;
  max-width: 280px;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

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

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

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

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

.ha6dbb {
  text-align: center;
}

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

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

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

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

.h8a33d,
.gac {
  flex: 1 1 50%;
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.h8a33d {
  background: rgba(244, 63, 94, 0.1);
  border: 2px solid rgba(244, 63, 94, 0.3);
}

.gac {
  background: rgba(34, 197, 94, 0.1);
  border: 2px solid rgba(34, 197, 94, 0.3);
}

.k87fb,
.l57e8435 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
}

.k87fb {
  color: #f43f5e;
}

.l57e8435 {
  color: #22c55e;
}

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

.nd3c88,
.m0980 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 2rem;
  position: relative;
}

.nd3c88::before {
  content: "✗";
  position: absolute;
  left: 0;
  color: #f43f5e;
  font-weight: 700;
  font-size: 1.25rem;
}

.m0980::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #22c55e;
  font-weight: 700;
  font-size: 1.25rem;
}

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

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

.obc6a66 {
  text-align: center;
}

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

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

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

.cfa19a2e {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}

.cfa19a2e:hover {
  transform: translateY(-8px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.15);
}

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

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

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

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

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

.l44 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.e5adfd {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  padding: clamp(2.5rem, 5vw, 3.5rem);
  border: 2px dotted var(--color-border);
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: var(--color-bg-secondary);
}

.a090 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

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

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

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

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

.c6924 {
  text-align: center;
}

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

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

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

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

.k34:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(56, 189, 248, 0.15);
}

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

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

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

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

.k99 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  width: fit-content;
  margin-top: 0.5rem;
}

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

.oe27d {
  text-align: center;
  padding-top: 1rem;
}

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

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

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

.d787.mdc277 {
  display: none;
}

.a348f67 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .d787 {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }
  
  .a348f67 {
    width: 100%;
  }
  
  .a7fd0 {
    width: 100%;
  }
  
  .e0427d,
  .j33 {
    flex: 1 1 45%;
    min-width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .k34 {
    flex: 1 1 45%;
    max-width: none;
  }
  
  .m9035174 {
    flex: 1 1 40%;
  }
}

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

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

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

.ad188,
.h630633,
.bdd733d,
.m84a,
.pef0 {
  display: block;
}

.aa0548 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.875rem, 2vw, 1.25rem) 0;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

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

.f798,
.e4335 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.f798 li,
.e4335 li {
  display: block;
}

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

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

.bdd733d p {
  margin: 0 0 0.625rem 0;
}

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

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

.pef0 p {
  margin: 0 0 0.5rem 0;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
}

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

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

@media (min-width: 768px) {
  .bc41c340 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 5vw, 4rem);
    justify-content: space-between;
  }

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

  .h630633,
  .bdd733d,
  .m84a {
    flex: 0 1 auto;
  }

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

@media (min-width: 1024px) {
  .bc41c340 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2rem, 4vw, 3rem);
    align-items: flex-start;
  }

  .ad188 {
    grid-column: 1 / 2;
  }

  .h630633 {
    grid-column: 2 / 3;
  }

  .bdd733d {
    grid-column: 3 / 4;
  }

  .m84a {
    grid-column: 4 / 5;
  }

  .pef0 {
    grid-column: 1 / -1;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(1.5rem, 3vw, 2rem);
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }

  .f798,
  .e4335 {
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
  }
}
    

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

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

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

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

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

.oee0d {
  width: 100%;
}

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

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

.mc043 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

.d4ea829 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}

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

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

.ae5ecf {
  position: relative;
  max-width: 900px;
  text-align: center;
  padding: clamp(2rem, 5vw, 3.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 0.5rem;
}

.c2d86,
.d27d74 {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 3rem);
  opacity: 0.6;
}

.c2d86 {
  margin-bottom: 0.5rem;
}

.d27d74 {
  margin-top: 0.5rem;
  display: inline-block;
  margin-left: 0.25rem;
}

.i8b8967 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.25rem);
  line-height: 1.8;
  margin: 0;
  font-style: italic;
}

.md19e {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin-top: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

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

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

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

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

.k29bf {
  flex: 1 1 clamp(280px, 45vw, 380px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 0.5rem;
  border: 1px solid rgba(56, 189, 248, 0.15);
  transition: all 0.3s ease;
}

.k29bf:hover {
  transform: translateY(-4px);
  border-color: rgba(56, 189, 248, 0.4);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.1);
}

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

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

.l7f22 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  padding-top: 1rem;
  border-top: 1px solid rgba(56, 189, 248, 0.1);
}

.cca5,
.j7faa0b,
.oddbd24 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cca5 i,
.j7faa0b i,
.oddbd24 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

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

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

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

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

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

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

.ecd {
  display: inline-block;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
}

.ecd:hover {
  background: var(--color-bg-primary);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

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

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

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

  .k29bf {
    flex: 1 1 clamp(300px, 30vw, 420px);
  }
}

@media (min-width: 1024px) {
  .a7476f28 {
    padding: 6rem 0;
  }

  .ofbb66dd {
    padding: 6rem 0;
  }

  .o955 {
    padding: 6rem 0;
  }

  .laec4 {
    padding: 6rem 0;
  }

  .k29bf {
    flex: 1 1 320px;
  }
}

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

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

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

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

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

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

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

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

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

.nf6 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

  .nda0569c,
  .o9d2cf {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.k76f9 {
  flex-shrink: 0;
  width: clamp(100px, 15vw, 150px);
  height: clamp(100px, 15vw, 150px);
}

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

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

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

.e7bc61 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

  .k76f9 {
    width: 120px;
    height: 120px;
  }
}

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

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

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

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

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

.g9bb {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.aea1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: clamp(0.8rem, 1.5vw, 1rem);
  border-bottom: 1px solid rgba(56, 189, 248, 0.2);
}

.aea1:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.fa18e9 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

.k115 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.i7ef {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color 0.3s ease;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.gb309 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 3vw, 1.65rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
}

.oe8 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

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

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

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

  .ib91 {
    flex: 1 1 100%;
  }

  .md1 {
    flex: 1 1 100%;
  }

  .c987ffd,
  .hc83 {
    flex-direction: column;
  }

  .obce,
  .da6b50c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.m87 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.db78 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.db78::before {
  content: '✓';
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.hd0cbbf {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
}

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

.l5114b3 i {
  color: var(--color-accent);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  flex-shrink: 0;
}

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

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

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

.j438 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  line-height: 1.3;
}

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

.a9d8 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

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

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

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

.a9d8:hover .n1afc9e9 img {
  transform: scale(1.05);
}

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

.n8ea426d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

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

.lb061850 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
}

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

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

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

.k0e3a {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

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

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

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

.m3be7 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

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

.f5a53d55 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  flex-wrap: wrap;
}

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

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

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

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

  .m5d2efb7,
  .h1fa8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

.pfea {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.kf4 {
  flex-shrink: 0;
}

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

.i7f5fe {
  flex: 1 1 auto;
}

.c2288 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  font-weight: 600;
}

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

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

.c616c3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

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

@media (max-width: 768px) {
  .pfea {
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .kf4 {
    margin: 0 auto;
  }

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

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

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

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

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

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

.i008d {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

.h20fbe9 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
}

.pc6 {
  width: 100%;
  max-height: 400px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  margin: var(--spacing-lg) 0;
  box-shadow: var(--shadow-md);
}

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

.o2ce2 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-accent);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

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

.m8f81 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  box-shadow: var(--shadow-md);
}

.g465 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: var(--spacing-sm);
}

.g19484 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.abd2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.abd2:last-child {
  border-bottom: none;
}

.i331 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 600;
}

.hf6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.fbc583f9 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.hd6362::before {
  content: '✓';
  color: var(--color-accent);
  font-weight: 700;
  min-width: 20px;
}

.i127d1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.n312 {
  display: block;
  padding: var(--spacing-sm);
  border-radius: var(--radius-md);
  background: var(--color-bg-tertiary);
  transition: background var(--transition-base);
  text-decoration: none;
}

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

.ka8 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: color var(--transition-base);
  display: block;
  line-height: 1.5;
}

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

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

  .kad2f6,
  .ibd39fa {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ibd39fa {
    position: relative;
    top: auto;
  }
}

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

.oe7 {
  text-align: center;
}

.d27a4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

.m5c7d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.c2ca8dfc {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.fb0 {
  flex: 0 0 200px;
  height: 180px;
  overflow: hidden;
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

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

.c2ca8dfc:hover .fb0 img {
  transform: scale(1.05);
}

.m48c76 {
  flex: 1 1 auto;
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

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

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

  .fb0 {
    flex: 1 1 100%;
    width: 100%;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    height: 200px;
  }

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

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

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

strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

em {
  font-style: italic;
  color: var(--color-text-secondary);
}

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

li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
}

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

code {
  background: var(--color-bg-tertiary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  color: var(--color-secondary);
  font-family: 'Courier New', monospace;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

@media (max-width: 768px) {
  .f5a53d55 {
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: flex-start;
  }

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

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

.le0e947 {
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  overflow: hidden;
}

.b52f7 {
  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;
}

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

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

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

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

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

.m98f {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

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

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

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

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

.kdd3f {
  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;
}

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

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

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

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

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

  .ld0041,
  .o06aeb {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .hf55fe4 {
    gap: 1rem;
  }
}

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

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

.icb {
  flex-shrink: 0;
}

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

.a158efc {
  flex: 1;
}

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

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

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

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

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

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

  .icb {
    flex-shrink: 1;
  }
}

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

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

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

.ic7062d4 {
  flex: 1 1 35%;
  max-width: 35%;
}

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

.me8942de {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

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

.abadbbb {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  position: sticky;
  top: 2rem;
}

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

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

.mfdc1 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.mfdc1 i {
  color: var(--color-accent);
  margin-top: 0.25rem;
  flex-shrink: 0;
}

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

  .i8c60,
  .ic7062d4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .abadbbb {
    position: static;
  }
}

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

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

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

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

.lcf821 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

.a7b0 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

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

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

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

  .c5d813,
  .a9a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.b881eb4e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

.l34c1476 {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

.l34c1476::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

  .pa7,
  .ped034a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.gc6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  line-height: 1.3;
}

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

.i3dc98 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  border-top: 3px solid var(--color-accent);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

.ica {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
}

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

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

.e4bf5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  line-height: 1.3;
}

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

.k63e3dc {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 3px solid var(--color-accent);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.la2 {
  flex-shrink: 0;
  width: 180px;
  height: 120px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

.pdf3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

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

  .la2 {
    width: 100%;
    max-width: 100%;
    height: 200px;
  }
}

@media (max-width: 480px) {
  .hf55fe4 {
    gap: 0.75rem;
  }

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

.gf302fca {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

.kb320f {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.f6c4f {
  flex: 1 1 50%;
  padding: clamp(2rem, 4vw, 3.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.f482 i {
  color: var(--color-accent);
  width: 1rem;
  text-align: center;
}

.cbb625c {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

  .cbb625c {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

  .h055f {
    gap: 1rem;
  }
}

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

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

.e377e9 {
  flex: 0 0 auto;
}

.e377e9 img {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-xl);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

  .e377e9 {
    flex: 0 0 auto;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.le243c0b {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

.kc5 {
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

.d5880 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  margin: 0;
}

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

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

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

.j079 {
  background: var(--color-bg-secondary);
  border-left: 3px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  padding-left: clamp(1.5rem, 2vw, 2rem);
}

.f67982 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

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

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

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

.c90a59 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 0.75rem;
}

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

.kdc39b88 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color 0.3s ease;
}

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

.o0f3 {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border-light);
}

.o0f3:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

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

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

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

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

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

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

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

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

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

.kd1c {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  text-align: center;
  margin: 0 0 clamp(2rem, 4vw, 3rem) 0;
}

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

.pc3f21 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.pc3f21:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
}

.m50d0925 {
  flex: 0 0 auto;
  width: 120px;
  height: 100px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

.a1a5d09 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

.c37 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

@media (max-width: 768px) {
  .meee3a {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .d8b {
    font-size: clamp(0.875rem, 1vw, 1rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ef9 {
  flex: 1 1 45%;
  min-width: 250px;
}

.hd9538e {
  flex: 1 1 45%;
  min-width: 250px;
  height: auto;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  object-fit: cover;
}

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

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

.k9d {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n68bfdf {
  flex: 1 1 calc(50% - 1.5rem);
  min-width: 200px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

.h0b3e751 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.o4b6e330 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

.e03 {
  flex: 1 1 45%;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

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

.pab h4 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

  .ef9,
  .hd9538e,
  .o4b6e330,
  .e03 {
    flex: 1 1 100%;
  }

  .hbbcd {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

.gfc {
  width: 100%;
  max-width: 400px;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}

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

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

.k08792 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.od9 {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.f894551 {
  text-align: center;
}

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

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

.l073d29 {
  flex: 1 1 clamp(200px, 45%, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, 2vw, 1.25rem);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.e3952 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

.ee9f {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.oe8f88 {
  text-align: center;
}

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

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

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

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

.f556 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.md68a {
  text-align: center;
}

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

.pb1 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pa2b0 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

.pe5620 {
  text-align: center;
}

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

.c00 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.bcb1 {
  flex: 1 1 clamp(250px, 45%, 320px);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

.hdfa24e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.4;
}

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

.ae5958 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

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

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

.h1b862 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all var(--transition-base);
  align-self: center;
  min-width: clamp(200px, 80%, 280px);
  text-align: center;
}

.h1b862:hover {
  background: var(--color-accent-hover);
  transform: scale(1.02);
}

.d559 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  align-self: center;
  transition: all var(--transition-base);
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

  .gfc {
    flex: 1 1 40%;
    max-width: 450px;
  }

  .ea606 {
    flex: 1 1 60%;
  }

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

  .j2e327:nth-child(5) {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .me8fd39 {
    grid-template-columns: repeat(3, 1fr);
  }

  .j2e327:nth-child(5) {
    grid-column: 1 / -1;
  }
}

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

.dacd8 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  text-align: center;
  overflow: hidden;
}

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

.ade7f6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.h2d2c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.m4e090e2 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.k78 {
  max-width: 1200px;
  margin: 0 auto;
}

.jaa9458 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.a30 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
  display: flex;
  flex-direction: column;
}

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

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

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

.m9888 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.o790aa0 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.a24 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.g5b1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.n2c2eaf {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-fast) ease;
  width: fit-content;
}

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

.d515a2 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.e455c {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.n2a8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.i0b4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.a0e5 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: none;
  text-align: center;
}

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

@media (min-width: 768px) {
  .dacd8 {
    padding: 4rem 2rem;
  }

  .m4e090e2 {
    padding: 4rem 2rem;
  }

  .jaa9458 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .p0b {
    height: 280px;
  }

  .d515a2 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .dacd8 {
    padding: 5rem 3rem;
  }

  .m4e090e2 {
    padding: 5rem 3rem;
  }

  .jaa9458 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .p0b {
    height: 300px;
  }

  .a30:hover .p0b img {
    transform: scale(1.05);
  }

  .p0b img {
    transition: transform var(--transition-base) ease;
  }

  .d515a2 {
    padding: 6rem 3rem;
  }

  .e455c {
    max-width: 700px;
  }
}

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

.id327d9 {
  background-color: var(--color-bg-primary);
  padding: 2rem 1rem;
  position: relative;
  overflow: hidden;
}

.o05 {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 2rem;
}

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

.n60254 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
}

.j13 {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-top: 1.5rem;
}

.hfba4d8 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.g8e152 {
  max-width: 1200px;
  margin: 0 auto;
}

.pe4e5 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: 3rem;
}

.j44 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.j44:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.h0d7184e {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.5rem;
  color: var(--color-primary);
}

.m1af096 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.e275a {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.d9525af {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 500;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  width: fit-content;
}

.d9525af:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary);
}

.o3eb741 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid var(--color-border-light);
}

.h644d395 {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

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

.f84c {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.3rem, 4vw, 1.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.a062ac7 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.gdd {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
}

.gdd::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: bold;
  font-size: 1.2rem;
}

.mdfcc {
  background-color: var(--color-bg-secondary);
  padding: 2rem 1rem;
  overflow: hidden;
  position: relative;
}

.p0c7cd {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.cdd {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.j3da {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  max-width: 500px;
}

.if4bc {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.if4bc:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.jf2373 {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-top: 2rem;
  opacity: 0.6;
}

@media (min-width: 640px) {
  .id327d9 {
    padding: 3rem 1.5rem;
  }

  .j13 {
    height: 350px;
  }

  .hfba4d8 {
    padding: 4rem 1.5rem;
  }

  .pe4e5 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

  .mdfcc {
    padding: 3rem 1.5rem;
  }

  .jf2373 {
    height: 350px;
    margin-top: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .id327d9 {
    padding: 4rem 2rem;
  }

  .j13 {
    height: 450px;
  }

  .hfba4d8 {
    padding: 5rem 2rem;
  }

  .pe4e5 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .o3eb741 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    margin-top: 4rem;
    padding-top: 4rem;
  }

  .h644d395 {
    height: 400px;
    order: -1;
  }

  .mdfcc {
    padding: 4rem 2rem;
  }

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

  .jf2373 {
    height: 400px;
    margin-top: 3rem;
    max-width: 600px;
    margin-left: auto;
  }
}

@media (min-width: 1280px) {
  .id327d9 {
    padding: 5rem 0;
  }

  .j13 {
    height: 500px;
  }

  .hfba4d8 {
    padding: 6rem 0;
  }

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

  .o3eb741 {
    gap: var(--spacing-3xl);
    margin-top: 5rem;
    padding-top: 5rem;
  }

  .mdfcc {
    padding: 5rem 0;
  }
}

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

.i1f58a6 .b52f7 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.i1f58a6 .c303b {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.i1f58a6 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.i1f58a6 .gd05b2 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.i1f58a6 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.i1f58a6 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

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

.i1f58a6 ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: var(--spacing-md);
}

.i1f58a6 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  padding-left: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  position: relative;
}

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

.i1f58a6 .oba {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.i1f58a6 .oba h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.i1f58a6 .oba p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.i1f58a6 .m5cf90f1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.i1f58a6 .hbe1 {
  font-weight: 600;
  color: var(--color-text-primary);
  min-width: 80px;
}

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

@media (min-width: 768px) {
  .i1f58a6 .c303b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

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

html,
body {
  width: 100%;
  height: 100%;
}

.od003e8 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.p006 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.c303b {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.d34 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-lg);
}

.p39e66 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.ed5c3e {
  width: 80px;
  height: 80px;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
  animation: fadeInUp 0.7s ease-out 0.2s both;
}

.m5c60 {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 500;
  margin-bottom: var(--spacing-lg);
  animation: fadeInUp 0.7s ease-out 0.3s both;
}

.c555e {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  animation: fadeInUp 0.7s ease-out 0.4s both;
}

.g2e0bc9 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  animation: fadeInUp 0.7s ease-out 0.5s both;
}

.e93 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  animation: fadeInUp 0.7s ease-out 0.6s both;
}

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

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

.c4ef198:active {
  transform: translateY(0);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 480px) {
  .d34 {
    padding: var(--spacing-xl);
  }

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

@media (min-width: 768px) {
  .d34 {
    padding: var(--spacing-2xl);
  }

  .ed5c3e {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .d34 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .ed5c3e {
    width: 140px;
    height: 140px;
  }
}

@media (max-width: 479px) {
  .od003e8 {
    padding: var(--spacing-sm);
  }

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

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

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

body {
  font-family: var(--font-primary);
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow-x: hidden;
}

main.nc4a3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.ba64bd8 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.c303b {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.e5456f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.p58 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: var(--spacing-md);
}

.i25 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  animation: float-code 3s ease-in-out infinite;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

@keyframes float-code {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.f0c96 {
  width: clamp(200px, 60vw, 400px);
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--color-primary), var(--color-secondary), transparent);
  margin-top: var(--spacing-md);
  border-radius: var(--radius-full);
  animation: expand-line 2s ease-in-out infinite;
}

@keyframes expand-line {
  0%, 100% {
    width: clamp(200px, 60vw, 400px);
    opacity: 0.6;
  }
  50% {
    width: clamp(250px, 70vw, 450px);
    opacity: 1;
  }
}

.g10a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
}

.ad923 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

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

.i161135 {
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1.05rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  margin: 0;
}

.e93 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  margin-top: var(--spacing-sm);
}

.c4ef198 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
  box-shadow: var(--shadow-md);
}

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

.c4ef198:active {
  transform: translateY(0px);
  box-shadow: var(--shadow-md);
}

.gaae {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xl);
  margin-top: var(--spacing-xl);
  font-size: clamp(2.5rem, 8vw, 4rem);
  opacity: 0.7;
  animation: float-icons 4s ease-in-out infinite;
}

.m04 {
  animation: bounce-leaf 2s ease-in-out infinite;
}

.d3eb8b {
  animation: bounce-tree 2.5s ease-in-out infinite;
}

.b0b43 {
  animation: bounce-path 2.2s ease-in-out infinite;
}

@keyframes bounce-leaf {
  0%, 100% {
    transform: translateY(0px) rotate(-5deg);
  }
  50% {
    transform: translateY(-15px) rotate(5deg);
  }
}

@keyframes bounce-tree {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

@keyframes bounce-path {
  0%, 100% {
    transform: translateY(0px) rotate(5deg);
  }
  50% {
    transform: translateY(-18px) rotate(-5deg);
  }
}

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

  .i25 {
    animation: float-code 3.5s ease-in-out infinite;
  }

  .g10a {
    gap: var(--spacing-lg);
    margin: var(--spacing-2xl) 0;
  }

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

@media (min-width: 768px) {
  .ba64bd8 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .g10a {
    margin: var(--spacing-3xl) 0;
  }

  .e93 {
    padding: var(--spacing-md) var(--spacing-2xl);
    margin-top: var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .ba64bd8 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 100vh;
  }

  .i25 {
    animation: float-code 4s ease-in-out infinite;
  }

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

  .g10a {
    margin: var(--spacing-3xl) 0;
    gap: var(--spacing-lg);
  }

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

@media (prefers-reduced-motion: reduce) {
  .i25 {
    animation: none;
  }

  .f0c96 {
    animation: none;
  }

  .m04,
  .d3eb8b,
  .b0b43 {
    animation: none;
  }

  .c4ef198:hover {
    transform: none;
  }

  .c4ef198:active {
    transform: none;
  }
}

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

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

.kb42 {
  text-align: center;
}

.c6e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.ada5e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 650px;
  margin: 0 auto;
}

.mfeab {
  background-color: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.c4fe {
  width: 100%;
}

.oe809 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3.5rem);
}

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

.k8f8af9d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

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

.j69e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.l971 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.h5d8a,
.f83d0bd8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: clamp(0.75rem, 1vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.h5d8a:focus,
.f83d0bd8:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.h5d8a::placeholder,
.f83d0bd8::placeholder {
  color: var(--color-text-muted);
}

.f83d0bd8 {
  min-height: clamp(120px, 20vh, 180px);
  resize: vertical;
}

.o228a24 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: var(--spacing-sm);
}

.p59bf3 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.b494e03 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.b494e03:active {
  transform: translateY(0);
}

.b494e03:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

.b391 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.be037 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.25rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.fe65c4 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.cbbe {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  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: clamp(1.25rem, 2vw, 1.5rem);
}

.ja13894 {
  flex: 1;
  min-width: 0;
}

.g584 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: 1.3;
}

.be4da {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.e60 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.dbc9fc2f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

.m8a2d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.bba44e7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
}

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

.e74 {
  background-color: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
  text-align: center;
}

.c1ffa {
  max-width: 650px;
  margin: 0 auto;
}

.p5f80 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.af90 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.da320dbf {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 700;
  padding: clamp(0.75rem, 2vw, 1.1rem) clamp(1.5rem, 4vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.da320dbf:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .oe809 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .p53 {
    flex: none;
  }

  .ief543 {
    flex: none;
  }
}

@media (min-width: 1024px) {
  .d85 {
    padding: clamp(3.5rem, 8vw, 5rem) 0;
  }

  .mfeab {
    padding: clamp(4rem, 8vw, 6rem) 0;
  }

  .e74 {
    padding: clamp(3.5rem, 8vw, 5rem) 0;
  }
}

@media (max-width: 767px) {
  .bbd7058,
  .be037 {
    gap: var(--spacing-lg);
  }

  .b494e03 {
    padding: 1rem 1.5rem;
  }

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

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.hbeb9f,.h6865dc{width:34px;}
.hbeb9f[aria-expanded="true"]{display:none;}
.eceb.j481{z-index:999;}
.eceb{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.eceb{max-width:100%;}}
.d66{justify-content:flex-end;}

@media (max-width:768px){.hbdaa5{min-height:500px;}}
@media (max-width:768px){.md869{min-height:500px;}}