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

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

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

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

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

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

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

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

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-2xl: 2rem;

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

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

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

  --line-height-tight: 1.2;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-normal);
}

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

h1 {
  font-size: var(--font-size-5xl);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: var(--font-size-4xl);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: var(--font-size-3xl);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

button,
input[type="button"],
input[type="submit"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

input,
textarea,
select {
  font-family: var(--font-primary);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  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(14, 165, 233, 0.1);
}

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

.be9f134c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  text-align: center;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

.mc08f5:hover {
  background: rgba(14, 165, 233, 0.1);
  border-color: var(--color-primary-hover);
}

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

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

.i13 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-lg);
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

.l08a {
  display: flex;
  align-items: center;
}

.k40e00dc {
  justify-content: center;
}

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

.be35efb {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.ma7d1218 {
  font-size: var(--font-size-xs);
}

.k3040d {
  font-size: var(--font-size-sm);
}

.fe183 {
  font-size: var(--font-size-lg);
}

.gf59e0c2 {
  font-size: var(--font-size-xl);
}

.h2be8a68 {
  text-align: center;
}

.lc2 {
  text-align: right;
}

.j17da513 {
  text-align: left;
}

.k64b1 {
  font-weight: var(--font-weight-bold);
}

.d250 {
  font-weight: var(--font-weight-semibold);
}

.m8d0a564 {
  font-weight: var(--font-weight-medium);
}

.cb54a48 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a5cda {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f54a1 {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

.n6afcc {
  opacity: 0.5;
}

.i8d7 {
  opacity: 0.75;
}

.be2f47 {
  cursor: pointer;
}

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

@media (max-width: 768px) {
  :root {
    --font-size-5xl: 2.25rem;
    --font-size-4xl: 1.875rem;
    --font-size-3xl: 1.5rem;
    --spacing-lg: 1rem;
    --spacing-xl: 1.5rem;
  }

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

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

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

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

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

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

@media (max-width: 480px) {
  :root {
    --font-size-5xl: 1.875rem;
    --font-size-4xl: 1.5rem;
    --font-size-3xl: 1.25rem;
    --spacing-lg: 0.75rem;
    --spacing-xl: 1rem;
  }

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

  .be9f134c {
    width: 100%;
  }

  .od738 {
    grid-template-columns: 1fr;
  }
}
.d32f17 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 1000;
}

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

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

.acdc5d5:hover {
  opacity: 0.85;
}

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

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

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

.h44f2 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
  position: relative;
  padding: 0.5rem 0;
}

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

.h44f2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-base);
}

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

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

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

.jd84 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: var(--transition-base);
}

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

.jd84.c8b04e span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.jd84.c8b04e span:nth-child(2) {
  opacity: 0;
}

.jd84.c8b04e span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

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

.h4b4b7c.c8b04e {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.i8b {
  padding: 1rem 1.5rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-medium);
  border-bottom: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

.m75786 {
  padding: 1rem 1.5rem;
  margin: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  text-align: center;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  flex-shrink: 0;
}

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

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

  .c97e {
    display: flex;
  }

  .bae1132 {
    display: block;
  }

  .jd84 {
    display: none;
  }

  .h4b4b7c {
    display: none;
  }
}

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

  .b7b04 {
    font-size: 1.5rem;
  }

  .h44f2 {
    font-size: 1rem;
  }

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

    .ofb4b {
  width: 100%;
}

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

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

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

.k62 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 500px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.od4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 22, 40, 0.5);
}

.ge6 {
  text-align: center;
  color: var(--color-text-primary);
  padding: 2rem;
}

.k35 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.nf1f73ae,
.a861 {
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.nf1f73ae {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

.j0f {
  text-align: center;
}

.j7d5c5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h626059,
.gc22 {
  flex: 1 1 300px;
  max-width: 400px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
}

.gc22 {
  border: 2px solid var(--color-accent);
  box-shadow: 0 0 20px rgba(14, 165, 233, 0.15);
}

.c45,
.j770f5c {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1rem;
  color: var(--color-text-muted);
}

.j770f5c {
  color: var(--color-accent);
}

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

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

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

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

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

.i4f {
  text-align: center;
}

.h1e2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ec71af {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b9ffb {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.ac3d7d {
  text-align: center;
}

.df74f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a1f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  align-items: stretch;
  justify-content: center;
}

.laa {
  flex: 1 1 280px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.p0c1 {
  width: 3rem;
  height: 3px;
  background: var(--color-accent);
  align-self: center;
  display: none;
}

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

.c695f91 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ada224 {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 0 30px rgba(14, 165, 233, 0.1);
}

.bb8796 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b6efc {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

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

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

.e902e {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.be9b555c {
  text-align: center;
}

.n74f6 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.a89a5fa1 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m59 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p7ed2141 {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}

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

.l18a.ed1fb {
  display: none;
}

.bff2 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  flex: 1 1 auto;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m9cf {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.dd76,
.o91cc79c {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

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

  .pcb34b,
  .hea1 {
    flex: 1 1 100%;
  }

  .a1f {
    flex-direction: column;
  }

  .p0c1 {
    display: none;
  }

  .laa {
    max-width: 100%;
  }

  .he39ab0 {
    flex-direction: column;
  }

  .h626059,
  .gc22 {
    max-width: 100%;
  }

  .de75e {
    flex-direction: column;
  }

  .d7732543 {
    max-width: 100%;
  }

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

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .h470169 {
    flex-direction: row;
  }

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

  .de75e {
    flex-direction: row;
  }

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

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

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

  .p0c1 {
    display: flex;
  }

  .a1f {
    gap: 0.5rem;
  }
}

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

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

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

.a3bcb25,
.p6a,
.p1e,
.k746a {
  display: block;
}

.a3bcb25 h3,
.p6a h3,
.p1e h3,
.k746a h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  letter-spacing: 0.3px;
}

.a3bcb25 p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 55ch;
}

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

.g75 li,
.b73ed3e li {
  display: block;
}

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

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

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

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

.lbef6 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  line-height: var(--line-height-normal);
}

.baed0e {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .a3bcb25 {
    flex: 1 1 280px;
  }

  .p6a {
    flex: 0 1 auto;
  }

  .p1e {
    flex: 0 1 auto;
  }

  .k746a {
    flex: 0 1 auto;
  }

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

@media (min-width: 1024px) {
  .a3bcb25 {
    flex: 1 1 320px;
  }

  .p6a {
    flex: 0 1 200px;
  }

  .p1e {
    flex: 0 1 240px;
  }

  .k746a {
    flex: 0 1 220px;
  }
}

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

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

.n70 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

.a2f905c6 {
  text-align: center;
  padding: clamp(2rem, 4vw, 3rem);
}

.b5c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.iea6edd6 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 1.5vw, 1.25rem) 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cbc1a96e {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b4aa41 {
  text-align: center;
}

.n41ae0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.kcc9bb {
  flex: 0 0 auto;
  min-width: 280px;
  max-width: 320px;
  height: 220px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.na161e00:hover .kcc9bb img {
  transform: scale(1.05);
}

.b5e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex: 1 1 auto;
  padding: clamp(0.5rem, 1vw, 1rem) 0;
}

.i55660a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.e14 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.e14:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
  transform: translateX(4px);
}

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

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

.l653b {
  text-align: center;
}

.fe8a6901 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.m149 {
  display: block;
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  background: transparent;
  border: none;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g4e8[open] .m149 {
  color: var(--color-accent);
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: calc(clamp(1rem, 2vw, 1.5rem) - 2px);
}

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

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

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

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

.fa5580a {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 8vw + 1rem, 5rem);
  color: var(--color-accent);
  line-height: 1;
  opacity: 0.3;
}

.pdf1a {
  display: block;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.p1b966 {
  display: block;
  margin-top: clamp(0.5rem, 1vw, 1rem);
  text-align: right;
}

.if2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 767px) {
  .na161e00 {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .kcc9bb {
    min-width: 100%;
    max-width: 100%;
    height: 240px;
  }

  .b5e {
    padding: 0;
  }

  .h705b4a {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .na161e00 {
    flex-direction: row;
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
  }

  .kcc9bb {
    min-width: 250px;
    max-width: 280px;
    height: 200px;
  }
}

@media (min-width: 1024px) {
  .na161e00 {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .kcc9bb {
    min-width: 300px;
    max-width: 340px;
    height: 240px;
  }

  .d44c {
    max-width: 950px;
  }
}

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

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

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

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

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

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

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

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

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

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

.n371aef {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.h161 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 1rem;
  border: 1px solid rgba(14, 165, 233, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 2rem;
}

.faba3 {
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
  display: block;
  object-fit: cover;
  aspect-ratio: 1;
}

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

.i4503a8 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

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

.e3a700,
.ifca7c69,
.d53b,
.o975 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 1rem;
  border: 1px solid rgba(14, 165, 233, 0.1);
}

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

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

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

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

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

.g054cf1 {
  font-size: clamp(0.9375rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b2fe91b7 li {
  font-size: clamp(0.9375rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.g44ed {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

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

.k504ae {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 1rem;
  border: 1px solid rgba(14, 165, 233, 0.1);
}

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

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

.b74d {
  font-size: clamp(0.9375rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a62417e {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(2rem, 4vw, 3rem) 0;
  text-align: center;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k51e6ed8 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgba(14, 165, 233, 0.15);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
}

.k51e6ed8:hover {
  transform: translateY(-4px);
  border-color: rgba(14, 165, 233, 0.3);
}

.k2191 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-bottom: 1px solid rgba(14, 165, 233, 0.1);
}

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

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

.n8fdc3 {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

  .h161 {
    position: static;
  }

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

  .d57b7,
  .hfac {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .jcee4 {
    gap: 0.5rem;
    font-size: 0.85rem;
  }

  .k51e6ed8 {
    flex: 1 1 100%;
  }

  .c9b {
    flex-direction: column;
    align-items: flex-start;
  }
}

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

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

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

::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  border-radius: 4px;
}

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

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

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

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

.n62 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c9c7 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 90%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

.l22d78 {
  max-width: 280px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l5d1e9 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.me2b126f li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-secondary);
  font-weight: 700;
}

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

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

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

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

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

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

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

.c35 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.h406 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.k95 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k95 i {
  color: var(--color-warning);
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p19840f {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l7d6 {
  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.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.idd27 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.f545c62 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.p09ab568 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (max-width: 1023px) {
  .h766,
  .i1f8556,
  .p0f26,
  .j1366e5e,
  .e21dd {
    flex-direction: column;
  }

  .k5e,
  .dd877,
  .ka6,
  .k4f,
  .p1a,
  .i8c,
  .n411,
  .a5f93f,
  .mf154646,
  .ed991c0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ie9 i {
  color: var(--color-primary);
  font-size: 1em;
}

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

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

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

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

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

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

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

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

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

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

.o57 {
  flex: 0 0 auto;
  width: clamp(200px, 25%, 280px);
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
  height: fit-content;
}

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

.be96962 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  border: 2px solid var(--color-primary);
}

.f7d {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

.ea7d0bdb {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
}

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

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

.l1ee8 {
  margin-bottom: clamp(3rem, 6vw, 4rem);
  overflow: hidden;
}

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

.ae095:nth-child(even) {
  flex-direction: row-reverse;
}

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

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

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

.mbb7a376 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j1b {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.hd1f2e9 {
  flex: 0 0 auto;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-primary);
  margin-top: 0.25rem;
}

.cc45 {
  flex: 1 1 auto;
}

.l633 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

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

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

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

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

.ka33a6 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 200px;
  max-width: 350px;
  background: var(--color-bg-primary);
  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 0.3s ease;
}

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

.ea367 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-primary);
}

.kf3f85a {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

.pcf5cd {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.g05 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  max-width: 400px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hed {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  transition: all 0.3s ease;
  align-items: center;
}

.hed:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.n7d70b3 {
  flex: 0 0 100px;
  min-width: 100px;
  height: 80px;
  border-radius: var(--radius-sm);
  overflow: hidden;
}

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

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

.fec {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .df1c {
    flex-direction: row;
    text-align: left;
    gap: 1.5rem;
  }

  .be96962 {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    margin: 0;
  }

  .f7d,
  .ea7d0bdb,
  .g52decc6 {
    text-align: left;
  }
}

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

  .gaaa,
  .k706f9a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ae095,
  .ae095:nth-child(even) {
    flex-direction: column;
  }

  .nab,
  .g8b3fdd4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .jee {
    flex-direction: column;
  }

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

  .fef4be82 {
    flex-direction: column;
  }

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

  .hed {
    flex-direction: column;
  }

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

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

@media (max-width: 480px) {
  .ld493ab {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .c595342 {
    font-size: clamp(0.75rem, 1vw, 0.8125rem);
    gap: 0.25rem;
  }

  .o78001 {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .f319 {
    padding: clamp(1.5rem, 4vw, 2.5rem);
  }

  .fa2 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }
}

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

html, body {
  scroll-behavior: smooth;
}

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

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

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

.n62bc88 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

.n62bc88 > span:last-child {
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

.j676 {
  max-width: 100%;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  overflow: hidden;
}

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

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

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

.l5490b31 {
  flex: 1 1 60%;
}

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

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

.b3c {
  flex: 1 1 40%;
}

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

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

.j467 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  list-style: none;
}

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

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

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

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

.d0163f {
  flex: 0 0 280px;
  position: relative;
}

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

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

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

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

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

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

.ja770 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  font-weight: 500;
  margin: 0;
}

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

.h0ac {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 4rem);
}

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

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

.a90dc {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

.fe5b0de {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

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

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

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

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

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

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

.i8c1c {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mee5d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
}

.m2e5 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
}

.m2e5:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15);
}

.ca4c {
  flex: 0 0 120px;
  height: 120px;
  overflow: hidden;
  border-radius: clamp(0.25rem, 1vw, 0.5rem);
}

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

.e94 {
  flex: 1 1 auto;
  padding: clamp(1rem, 1.5vw, 1.25rem);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

  .d0163f {
    flex: 1 1 auto;
  }

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

  .hccf8 {
    flex-direction: column;
  }

  .a90dc,
  .d2e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .l5490b31,
  .b3c {
    flex: 1 1 100%;
  }

  .dd8a7 {
    gap: 1rem;
  }

  .n62bc88 {
    flex-wrap: wrap;
  }

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

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

  .m2e5 {
    flex-direction: column;
  }

  .ca4c {
    flex: 1 1 auto;
    height: 200px;
  }
}

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

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

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

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

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

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

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

.gcf37 {
  text-align: center;
}

.ae297b9d {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
}

.od110 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.p0f {
  text-align: center;
}

.m0c {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 0.5rem 0;
}

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

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

.a564c p {
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
}

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

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

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

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

.f998c03 {
  text-align: center;
}

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

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

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

.cbf6659 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: all 0.3s ease;
}

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

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

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

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

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

.e010 {
  text-align: center;
}

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

.cbc84 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 750px;
  margin: 0 auto 1.5rem;
  text-align: center;
}

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

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

.g90 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

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

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

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

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

.c4b {
  max-width: 850px;
  width: 100%;
}

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

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

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

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

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

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

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

.hba5e {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.m00e {
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
}

.f88 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 900px;
}

.f88 p {
  color: var(--color-text-secondary);
  margin: 0;
}

@media (max-width: 768px) {
  .pe9,
  .c4c,
  .bb7f2752,
  .a1a06,
  .kc3,
  .a0a5 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .cbf6659 {
    flex: 1 1 100%;
  }

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

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

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

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

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

.p571 h1,
.p571 h2,
.p571 h3 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.c81e33e5 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

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

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

.ie19 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.be9f134c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  gap: 0.5rem;
}

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

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

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

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

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

.a2e913 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

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

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

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

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

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

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

.m225400 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

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

.hf5f {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

.g07c {
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
}

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

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

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

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

.dacd35 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

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

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

.ne2352 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
}

.g8ac5a {
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  color: var(--color-accent);
  margin: 0;
  line-height: var(--line-height-snug);
}

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

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

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

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

.i31 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

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

.dfbc743 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.ec93d8 {
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
}

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

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

.l51a {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  transition: var(--transition-base);
  display: inline-flex;
  width: fit-content;
}

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

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

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

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

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

.k1aee5 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

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

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

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

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

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

.ecc8fb strong {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
}

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

  .pd8a5f1 {
    flex: 1 1 100%;
  }

  .ie19 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }

  .m3257b0 {
    flex: 1 1 100%;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .m3257b0 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }

  .ne2352 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }
}

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

.c82 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.j164fdd6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.ie7d5b7b {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

.ic2a0 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.k75 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.hc062 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.e2dd {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.heb96927 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  width: fit-content;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.l26ec47 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-snug);
}

.eb7e0 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  flex-grow: 1;
}

.e5e {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-accent);
  transition: color var(--transition-fast), border-color var(--transition-fast);
  width: fit-content;
}

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

.i5ac {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

.i76b3a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.lbefe0 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
}

.d4886 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .c82 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .ic2a0 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .k75 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .hc062 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .hc062:nth-child(odd) {
    direction: rtl;
  }

  .hc062:nth-child(odd) > * {
    direction: ltr;
  }

  .oed {
    height: 300px;
  }

  .i5ac {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c82 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .k75 {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }

  .hc062 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .oed {
    height: 350px;
  }

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

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

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

.kdae {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
}

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

.p04d21a0 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.m221b725 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .kdae {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .kdae {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.l007b147 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.m721f {
  max-width: 1200px;
  margin: 0 auto;
}

.o5a21a57 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .o5a21a57 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .o5a21a57 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }
  
  .l007b147 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

.hba {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.m557d6 {
  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);
  flex-shrink: 0;
}

.m557d6 i {
  font-size: 24px;
  color: var(--color-primary);
}

.d338f0c2 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-snug);
}

.j34 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  flex-grow: 1;
}

.dd7a04 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 2px;
  transition: all var(--transition-fast);
  display: inline-block;
  width: fit-content;
}

.dd7a04:hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.m25d {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.pba {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.kf55 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.fb97 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

.fc9 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

.fc9:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

@media (min-width: 768px) {
  .m25d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m25d {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.e2a92e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.i0007 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--spacing-lg);
}

.p21b16d {
  aspect-ratio: 3 / 2;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base);
}

.p21b16d:hover {
  transform: scale(1.02);
}

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

@media (min-width: 768px) {
  .e2a92e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .i0007 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .e2a92e {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
  
  .i0007 {
    grid-template-columns: repeat(4, 1fr);
  }
}

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

.l1610d0 main {
  width: 100%;
}

.l1610d0 .k04 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l1610d0 .if24c {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.l1610d0 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.l1610d0 .ifa {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.l1610d0 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.l1610d0 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.l1610d0 ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--spacing-md);
}

.l1610d0 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.l1610d0 .h33a4a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.l1610d0 .h33a4a h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.l1610d0 .h33a4a p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.l1610d0 .h33a4a strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .l1610d0 .k04 {
    padding: 0 var(--spacing-lg);
  }

  .l1610d0 .if24c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l1610d0 .k04 {
    padding: 0 var(--spacing-2xl);
  }

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

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

.nebd {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

.k04 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.mdbf {
  text-align: center;
  padding: var(--spacing-xl) var(--spacing-md);
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lf1 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
}

.bcf6 {
  width: 120px;
  height: 120px;
  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;
  }
}

.g3a4 {
  stroke: var(--color-success);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: drawCircle 0.6s ease-out;
}

@keyframes drawCircle {
  from {
    stroke-dasharray: 157;
    stroke-dashoffset: 157;
  }
  to {
    stroke-dasharray: 157;
    stroke-dashoffset: 0;
  }
}

.f4bbbe81 {
  stroke: var(--color-success);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: drawCheck 0.6s ease-out 0.3s forwards;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
}

@keyframes drawCheck {
  to {
    stroke-dashoffset: 0;
  }
}

.ab1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  animation: fadeInUp 0.8s ease-out 0.2s backwards;
}

.cc6 {
  font-family: var(--font-primary);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-normal);
  animation: fadeInUp 0.8s ease-out 0.3s backwards;
}

.ke66eda {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out 0.4s backwards;
}

.na13c74 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1rem);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  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.8s ease-out 0.5s backwards;
}

.p88 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  animation: fadeInUp 0.8s ease-out 0.6s backwards;
}

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

.p88:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.p88:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .mdbf {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .lf1 {
    min-height: 140px;
  }

  .bcf6 {
    width: 140px;
    height: 140px;
  }

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

@media (min-width: 768px) {
  .mdbf {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .lf1 {
    min-height: 160px;
    margin-bottom: var(--spacing-xl);
  }

  .bcf6 {
    width: 160px;
    height: 160px;
  }

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

  .na13c74 {
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-3xl);
  }

  .p88 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: var(--font-size-lg);
  }
}

@media (min-width: 1024px) {
  .mdbf {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

  .lf1 {
    min-height: 180px;
    margin-bottom: var(--spacing-2xl);
  }

  .bcf6 {
    width: 180px;
    height: 180px;
  }

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

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

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

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

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

.i3a6ab {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.bd6d {
  width: 100%;
  padding: var(--spacing-md);
  overflow: hidden;
}

.k04 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.b9d6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.ib425db {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 280px;
  margin-bottom: var(--spacing-lg);
}

.b059cc {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m089c599 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 20vw, 12rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -2px;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  animation: scaleIn 0.6s ease-out;
}

.h9f04 {
  position: absolute;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  opacity: 0.15;
  border-radius: 50%;
  animation: pulse 4s ease-in-out infinite;
  pointer-events: none;
  z-index: -1;
}

.bf9a {
  animation: fadeInUp 1s ease-out 0.2s both;
}

.bf9a h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.o92cc {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
  font-weight: var(--font-weight-medium);
}

.ka680 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.l9f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
}

.be9f134c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  line-height: var(--line-height-tight);
}

.cf60b4e2 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.cf60b4e2:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ke3cf {
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  animation: fadeInUp 1.2s ease-out 0.4s both;
}

.m7d9af {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.15;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.25;
  }
}

@media (min-width: 640px) {
  .bd6d {
    padding: var(--spacing-lg);
  }
  
  .b9d6 {
    gap: var(--spacing-3xl);
  }
  
  .ib425db {
    min-height: 320px;
  }
}

@media (min-width: 768px) {
  .bd6d {
    padding: var(--spacing-xl);
  }
  
  .k04 {
    padding: 0 var(--spacing-xl);
  }
  
  .b9d6 {
    gap: var(--spacing-3xl);
  }
  
  .ib425db {
    min-height: 360px;
    margin-bottom: var(--spacing-2xl);
  }
  
  .ke3cf {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .bd6d {
    padding: var(--spacing-2xl);
  }
  
  .k04 {
    padding: 0 var(--spacing-2xl);
  }
  
  .ib425db {
    min-height: 400px;
  }
  
  .l9f {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
  }
  
  .be9f134c {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (min-width: 1440px) {
  .bd6d {
    padding: var(--spacing-3xl);
  }
  
  .k04 {
    padding: 0 var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .b059cc,
  .bf9a,
  .ke3cf,
  .h9f04 {
    animation: none;
  }
  
  .be9f134c {
    transition: background-color var(--transition-fast);
  }
  
  .cf60b4e2:hover {
    transform: none;
  }
}

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

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

.ke6f7e {
  text-align: center;
  margin: 0 auto;
}

.p6ce9b8 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.f7d636 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

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

.pc9f735 {
  width: 100%;
}

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

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

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

@media (min-width: 1024px) {
  .b0e1 {
    flex: 1 1 45%;
  }

  .h3f8fd {
    flex: 1 1 45%;
  }
}

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

.m6cf2d4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.b1aab6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.aa93e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.i0d568 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.k15 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  display: block;
}

.cfd,
.b347 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: clamp(0.75rem, 2vw, 0.875rem) clamp(0.875rem, 2vw, 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);
}

.cfd::placeholder,
.b347::placeholder {
  color: var(--color-text-muted);
}

.cfd:focus,
.b347:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.b347 {
  min-height: clamp(120px, 20vh, 180px);
  resize: vertical;
}

.d8381 {
  margin: var(--spacing-md) 0;
}

.m7dcd {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.df8 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  transition: color var(--transition-base);
}

.df8:hover,
.df8:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
  outline: none;
}

.fce45 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: var(--font-weight-semibold);
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1.5rem, 4vw, 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);
}

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

.fce45:active {
  transform: translateY(0);
}

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

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

.a56e9c2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.h02 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.kd69f63 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

.a10f {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.ba586102 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(50px, 8vw, 60px);
  height: clamp(50px, 8vw, 60px);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.ba586102 i {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
}

.ocd {
  flex: 1;
  min-width: 0;
}

.m3c40 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.m93 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.ma8d4 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

.ka3aa2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.oe5533 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.be4786ef {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: var(--font-weight-semibold);
  padding: clamp(0.75rem, 2vw, 0.875rem) clamp(1.25rem, 3vw, 1.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

.be4786ef:hover,
.be4786ef:focus {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  outline: none;
}

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

.oea7 {
  width: 100%;
}

.bc2de {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3rem);
}

.k9af73 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  max-width: 900px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .k9af73 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.j1d1b {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.ica88158 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

  .b0e1,
  .h3f8fd {
    flex: 1 1 100%;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .k27 {
    padding: 1.5rem 0;
  }

  .f99 {
    padding: 2rem 0;
  }

  .aa93e,
  .c9043 {
    gap: var(--spacing-md);
  }

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

  .ba586102 {
    width: 45px;
    height: 45px;
  }

  .ba586102 i {
    font-size: 1.25rem;
  }
}

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));}
.jd84,.o3d{width:34px;}
.jd84[aria-expanded="true"]{display:none;}
.h4b4b7c.c8b04e{z-index:999;}
.h4b4b7c{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.h4b4b7c{max-width:100%;}}
.c97e{justify-content:flex-end;}
@media (max-width:768px){.k62{min-height:500px;}}
@media (max-width:768px){.mf08{min-height:500px;}}