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

:root {
  --color-bg-primary: #0f0a1e;
  --color-bg-secondary: #1a1035;
  --color-bg-tertiary: #251848;
  --color-bg-card: #1e1340;

  --color-text-primary: #ffffff;
  --color-text-secondary: #a5b4fc;
  --color-text-muted: #818cf8;

  --color-primary: #8b5cf6;
  --color-primary-hover: #7c3aed;
  --color-primary-light: #a78bfa;
  --color-secondary: #a78bfa;
  --color-secondary-light: #c4b5fd;

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

  --color-border: #3730a3;
  --color-border-light: #4c1d95;

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Vollkorn', 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;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
}

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

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

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

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

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

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

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  font-weight: 600;
}

button:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.ed588 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-fast);
  cursor: pointer;
  border: none;
}

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

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

.md210 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

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

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

.p3f8e7f1:hover {
  background: var(--color-primary);
  color: var(--color-text-primary);
}

.h27b9d12 {
  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-sm);
}

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

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

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

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

textarea {
  resize: vertical;
  min-height: 120px;
}

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

pre {
  background: var(--color-bg-secondary);
  color: var(--color-secondary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
  border: 1px solid var(--color-border);
}

pre code {
  background: none;
  color: inherit;
  padding: 0;
  border-radius: 0;
}

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

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

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

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

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

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

th {
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 700;
  color: var(--color-text-primary);
  border-bottom: 2px solid var(--color-border);
}

td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-secondary);
}

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

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

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

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

.m05403f {
  color: var(--color-success-light);
}

.lec6 {
  color: var(--color-warning-light);
}

.n5b2a {
  color: var(--color-danger-light);
}

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

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

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

.nb7c6bb {
  background: var(--color-bg-card);
}

.ec486 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.85rem;
  font-weight: 600;
}

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

.ac6242 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

.ie0 {
  background: var(--color-success);
  color: var(--color-text-primary);
}

.lf6e68 {
  background: var(--color-warning);
  color: #000;
}

.h347 {
  background: var(--color-danger);
  color: var(--color-text-primary);
}

.i98a5 {
  display: flex;
}

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

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

.a51326 {
  display: grid;
}

.l586 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-lg);
}

.m16fc5f8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-lg);
}

.je670a {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-lg);
}

@media (max-width: 1024px) {
  .je670a {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.35rem;
  }

  .l586, .m16fc5f8, .je670a {
    grid-template-columns: 1fr;
  }

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.hdd {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.i115ed3a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

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

.eee {
  display: block;
  width: 24px;
  height: 2.5px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-base);
}

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

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

.k07ac3e.paa4ca1 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.f4c7b91 {
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-align: center;
  margin: 1.5rem;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  display: block;
}

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

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

  .a6a {
    display: block;
  }

  .lc8ca8fb {
    display: none;
  }

  .k07ac3e {
    display: none;
  }
}

@media (max-width: 767px) {
  .ef2d924 {
    padding: 1rem clamp(1rem, 3vw, 1.5rem);
  }

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

    .la0 {
  width: 100%;
}

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

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

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

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

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

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

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

.e357e70 {
  padding: 0.875rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
}

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

.e1f {
  padding: 0.875rem 2rem;
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
}

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

.b9c117a {
  flex: 1 1 50%;
  min-height: 300px;
}

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

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

  .oa53 {
    flex: 1 1 100%;
  }

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

  .j3abc {
    flex-direction: column;
  }

  .e357e70,
  .e1f {
    width: 100%;
  }
}

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

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

.o6f8 {
  text-align: center;
}

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

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

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

.b78 {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

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

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

.ib995 {
  flex: 1 1 45%;
}

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

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

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

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

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

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

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

  .ib995 {
    flex: 1 1 100%;
  }

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

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

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

.ea6 {
  padding: clamp(2rem, 4vw, 3rem);
  background: rgba(139, 92, 246, 0.1);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.f8e6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.lcf {
  text-align: center;
}

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

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

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

.e3f {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

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

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

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

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

.k09 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.g5579bfa {
  text-align: center;
}

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

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

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

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

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

.a18b920 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

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

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

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

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

.j5d166 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: color var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

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

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

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

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

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

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

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

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

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

.nc6e {
  padding: 0.875rem 2.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
  margin: 0 auto;
}

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

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

.p27e8a6.n3a9e {
  display: none;
}

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

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

.b49e3398,
.mbb3d47 {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.mbb3d47:hover {
  background: rgba(139, 92, 246, 0.1);
}

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

  .kcb7a9 {
    flex: 1 1 100%;
  }

  .b87 {
    flex: 1 1 100%;
    justify-content: center;
  }

  .b49e3398,
  .mbb3d47 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (max-width: 767px) {
  .la0 {
    padding-bottom: 200px;
  }
}

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

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

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

.g75dbd {
  display: block;
}

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

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

.o22c {
  display: block;
}

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

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

.pe7da55f {
  display: block;
}

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

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

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

.lb05c96 {
  display: block;
}

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

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

.j1701 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-fast);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.j6635 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: 1.6;
  max-width: 600px;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .g75dbd {
    flex: 1 1 300px;
  }

  .o22c {
    flex: 0 1 180px;
  }

  .pe7da55f {
    flex: 0 1 250px;
  }

  .lb05c96 {
    flex: 0 1 180px;
  }

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

@media (min-width: 1024px) {
  .ga3 {
    gap: clamp(3rem, 6vw, 5rem);
  }

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.i88 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: 16px;
  padding: clamp(2rem, 4vw, 3rem);
  max-width: 700px;
  width: 100%;
  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.15);
}

.l34d1 {
  text-align: center;
}

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

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

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

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

.cf00a i,
.de9d5f i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

.pc28 {
  text-align: center;
}

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

.f13f3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.gafcfd {
  flex: 1 1 clamp(300px, 45vw, 500px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.gafcfd:hover {
  border-color: var(--color-accent);
  box-shadow: 0 12px 40px rgba(139, 92, 246, 0.2);
  transform: translateY(-4px);
}

.lcbaa81 {
  width: 100%;
  overflow: hidden;
  background: var(--color-bg-tertiary);
  aspect-ratio: 16 / 9;
}

.i2c380 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.gafcfd:hover .i2c380 {
  transform: scale(1.05);
}

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

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

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

.f68c01 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  margin-top: auto;
}

.k7f,
.k5a04726,
.j70f {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.k7f i,
.k5a04726 i,
.j70f i {
  color: var(--color-accent);
  font-size: 0.95em;
}

.f83 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

  .i88 {
    padding: 1.5rem;
  }
}

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

@media (min-width: 1024px) {
  .ff4e {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .p0afac4e {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

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

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

.bf3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-lg);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.bf3 a {
  color: var(--color-text-secondary);
  transition: var(--transition-base);
}

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

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

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

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

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

.g5a17 {
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.7;
}

.hcf76 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

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

  .g6f48e,
  .odb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.n0107d {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

  .l797,
  .b4951a1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.g77fa {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: var(--spacing-md);
}

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

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

  .o1f,
  .f0f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.j0469f {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
  margin-bottom: var(--spacing-lg);
}

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

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

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

.b495 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: bold;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.aee6d18f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 800px;
  margin: 0 auto;
}

.p87e {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.o735d {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

.h23ea101 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.m99b6 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.j5d7ec a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

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

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

  .f814 {
    margin: 0 auto;
  }
}

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

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

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

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

.b922081b {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
}

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

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

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

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

.a85efed {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
}

.a85efed a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

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

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

  .p8f826 {
    flex: 1 1 calc(33.333% - 1.3rem);
  }
}

html, body, div, section, header, footer, nav, main, article, aside, h1, h2, h3, h4, h5, h6, p, span, a, img, ul, ol, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.m3b0c1e5 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.4rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

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

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

.gc4b1 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  font-size: 0.9rem;
}

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

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

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

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

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

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

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

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

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

.a7d0b {
  flex: 1 1 40%;
  max-width: 40%;
}

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

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

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

.i97a {
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  line-height: 1.5;
  padding-left: 1.5rem;
  position: relative;
}

.i97a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

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

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

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

.n4970 {
  background: rgba(139, 92, 246, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.a629ed0a {
  color: var(--color-accent);
  font-size: 1.3rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.hd14ec6 {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.mf5 {
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  line-height: 1.5;
  padding-left: 1.5rem;
  position: relative;
}

.mf5::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

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

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

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

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

.i8e992b5 {
  flex: 1;
  background: var(--color-bg-tertiary);
  padding: 1.25rem;
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.g39b06 {
  font-weight: 700;
  color: var(--color-text-primary);
  font-size: 0.95rem;
  margin: 0;
}

.id35 {
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

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

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

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

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

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

.h9776f {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  max-width: 100%;
  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;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.i363 {
  font-size: 2rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: rgba(139, 92, 246, 0.1);
  border-radius: var(--radius-lg);
}

.g112 {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

.me95 {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.p02d9 {
  max-width: 800px;
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.lc979 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

.bea3495 {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

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

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

.gfc {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2vw + 0.5rem, 1.6rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

.d0e {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
}

.oed {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: background var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  width: fit-content;
}

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

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

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

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

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

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

.j1cb1d {
  margin: 0;
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

.l04a60 {
  margin: 0;
  font-size: 0.95rem;
  color: var(--color-accent);
  font-weight: 600;
}

.a557387 {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--color-text-secondary);
}

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

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

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

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

.c0a {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: stretch;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.hfaff25 {
  width: 180px;
  min-height: 180px;
  flex-shrink: 0;
}

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

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

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

.a297c8b {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

  .a8d71,
  .j687f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g0a {
    flex-direction: column;
  }

  .c28f4,
  .a7d0b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d256 {
    flex-direction: column;
  }

  .d5c7,
  .c5f4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c2f04 {
    flex-direction: column;
  }

  .d857845,
  .d79 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ica {
    flex-direction: column;
  }

  .nb61,
  .ff8ab5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e0c767 {
    flex-direction: column;
  }

  .h98e66 {
    flex-direction: column;
  }

  .h9776f {
    flex: 1 1 100%;
  }

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

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

  .c0a {
    flex-direction: column;
  }

  .hfaff25 {
    width: 100%;
    min-height: 220px;
  }
}

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

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

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

  .c0a {
    flex-direction: column;
  }

  .hfaff25 {
    width: 100%;
    min-height: 200px;
  }
}

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

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

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

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

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

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

.f213 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

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

.k5d2a164 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

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

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

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

  .n60b8f,
  .od16d8c1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ef61,
.mdf,
.n2cfa3a1,
.cbe36,
.mdc06 {
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.ef61,
.n2cfa3a1,
.mdc06 {
  background: var(--color-bg-primary);
}

.mdf,
.cbe36 {
  background: var(--color-bg-secondary);
}

.jb70,
.n86238,
.k7e025,
.da23,
.nd7e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.bca595,
.jeac5c,
.ob5ea96,
.f73c,
.m4d80 {
  flex: 1 1 50%;
  max-width: 50%;
}

.b61,
.d9da,
.md9b55,
.c72dc,
.fa4 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

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

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

.ecb7 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-xl) 0;
}

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

.j549 {
  background: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-xl) 0;
}

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

.e66c {
  list-style: none;
}

.e2cb4e {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  padding-left: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  position: relative;
}

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

@media (max-width: 768px) {
  .jb70,
  .n86238,
  .k7e025,
  .da23,
  .nd7e {
    flex-direction: column;
  }

  .bca595,
  .jeac5c,
  .ob5ea96,
  .f73c,
  .m4d80,
  .b61,
  .d9da,
  .md9b55,
  .c72dc,
  .fa4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.i054a86 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

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

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

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

.lf8237 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xl);
  align-items: flex-start;
}

.ja7071 {
  flex: 0 0 auto;
}

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

.gb3699 {
  flex: 1 1 auto;
  padding-top: var(--spacing-sm);
}

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

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

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

.b3ce915c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 500;
  margin-bottom: var(--spacing-sm);
}

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

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

  .gb3699 {
    padding-top: 0;
  }
}

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

.ge8ef {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

.l805b {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

.pd3af446 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bd9ee4 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
}

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

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

.a0bee9 {
  flex: 1 1 50%;
  max-width: 50%;
  height: 100%;
  min-height: 300px;
}

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

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

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

.jd1 {
  flex: 1 1 60%;
  max-width: 60%;
}

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

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

.ld7c {
  flex: 1 1 40%;
  max-width: 40%;
}

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

.b2818 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: 1rem;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n1d21db {
  list-style: none;
  padding: 0;
  margin: 0;
}

.lbf4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.975rem);
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-border);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.lbf4:before {
  content: "•";
  color: var(--color-accent);
  font-weight: bold;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}

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

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

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

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

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

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

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

.e42c8 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

.g3f1f8 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  order: -1;
}

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

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

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

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

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

.h907f1a {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  max-width: 800px;
}

.k40e1c {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: 1rem;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.bdc30cf {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

.ee2f3 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  order: -1;
}

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

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

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

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

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

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

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

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

.c7895 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

.f2dca1f {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.975rem);
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g339edc {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.975rem);
  font-weight: 600;
  transition: background 0.3s ease;
}

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

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

.e74d5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.l200 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  max-width: 500px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pa4e3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: transform 0.3s ease;
  height: 100%;
}

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

.kf29 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

@media (max-width: 1023px) {
  .e4d05c,
  .h11e926,
  .k5466,
  .keb,
  .l6ec8df,
  .j5fab {
    flex-direction: column;
  }

  .e3b4ade,
  .a0bee9,
  .aa5,
  .e42c8,
  .g3f1f8,
  .p4b0,
  .k08037,
  .bdc30cf,
  .ee2f3,
  .lec,
  .jd1,
  .ld7c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g3f1f8,
  .ee2f3 {
    order: 0;
  }

  .p71 {
    flex-direction: column;
    gap: 2rem;
  }

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

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

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

@media (max-width: 767px) {
  .pf706e1d {
    font-size: 0.8125rem;
  }

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

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

  .p71 {
    gap: 1.5rem;
  }

  .j5fab {
    gap: 1.5rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.pdeb496 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

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

.k4d3 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

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

.m55 h3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

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

.o84fd2b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

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

.ba900 {
  max-width: 800px;
}

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

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

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

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

.icd {
  text-align: center;
}

.lc6c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

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

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

.k324ca {
  background: var(--color-bg-primary);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 8px;
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  transition: transform var(--transition-base) ease, box-shadow var(--transition-base) ease;
}

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

.f2a {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

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

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

.a187 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 950px;
}

.k363d8b0 {
  text-align: center;
}

.ob5 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

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

.f60000 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.8;
}

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

.jfa0 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

.f73500 p {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

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

  .m33659 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .ec76df5 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .j03f {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .jf0414 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .k324ca {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

.n0a {
  flex: 1;
  min-height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

  .l45e {
    flex: 1;
  }

  .n0a {
    flex: 1;
    min-height: 400px;
  }
}

@media (min-width: 1024px) {
  .o50 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .n0a {
    min-height: 450px;
  }
}

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

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

.n18 {
  text-align: center;
}

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

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

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

.o1c {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin: 0;
}

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

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

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

.h7c0b1 {
  text-align: center;
}

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

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

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

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

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

.p34 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
}

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

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

@media (min-width: 1024px) {
  .fa5 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 300px;
  }

  .k361 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

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

.pb555 {
  text-align: center;
}

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

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

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

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

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

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

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

  .p414c {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 250px;
  }
}

@media (min-width: 1024px) {
  .kaf4 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .p414c {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

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

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

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

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

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

.i7c {
  flex: 1;
  min-height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

  .lc1e071 {
    flex: 1;
  }

  .i7c {
    flex: 1;
    min-height: 350px;
  }

  .a042 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .i7c {
    min-height: 400px;
  }
}

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

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

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

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

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

.md50f80e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  justify-content: center;
}

.aa1026,
.m08db94a {
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
}

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

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

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

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

@media (min-width: 768px) {
  .md50f80e {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .aa1026,
  .m08db94a {
    flex: 1;
  }

  .h91ae94 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .p2361 {
    padding: clamp(3rem, 6vw, 4rem);
  }
}

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

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

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

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

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

@media (min-width: 768px) {
  .j420 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j420 {
    padding: 5rem var(--spacing-lg);
  }
}

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

.a900 {
  max-width: 1200px;
  margin: 0 auto;
}

.ec1e31 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .ec1e31 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .d2e9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

  .d2e9 {
    padding: 4rem var(--spacing-lg);
  }
}

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

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

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

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

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

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

.m04a23 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.jd71205 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.k360e {
  font-family: var(--font-primary);
  font-size: 0.85rem;
  color: var(--color-text-muted);
  margin-top: auto;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  font-style: italic;
}

@media (min-width: 1024px) {
  .g5a05e15 {
    height: 260px;
  }

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

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

.ecffa3 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

.nb91 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.kd0b8fd {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.kd0b8fd:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .k4643 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k4643 {
    padding: 4rem var(--spacing-lg);
  }
}

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

.d93e02 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.d93e02 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

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

@media (min-width: 768px) {
  .d93e02 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 768px) {
  .pb8ba {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
    padding: var(--spacing-lg);
  }

  .h62ef {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pb8ba {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

.c31b2a4 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.o7b16 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.o7b16 i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.c31b2a4 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.4;
}

.c31b2a4 p {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.fd1 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: 0.75rem var(--spacing-lg);
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  width: fit-content;
}

.fd1:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
}

.fd1:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

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

.k44 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.k44 p {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-xl) 0;
}

.me8 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: 1rem var(--spacing-xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  font-weight: 700;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.me8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.me8:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .k44 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .k44 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .c31b2a4,
  .fd1,
  .me8 {
    transition: none;
  }

  .c31b2a4:hover {
    transform: none;
  }

  .me8:hover {
    transform: none;
  }
}

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

.g773f main {
  width: 100%;
}

.g773f .g5701d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g773f .kf086ed0 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.g773f h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.g773f .ae80ee {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  font-style: italic;
}

.g773f h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.g773f p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.g773f ul {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

.g773f .i8c17 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.g773f .i8c17 p {
  color: var(--color-text-primary);
  margin-bottom: 0;
}

.g773f .j53 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.g773f .j53 h2 {
  margin-top: 0;
}

.g773f .j53 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.g773f .l4df9a {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

@media (min-width: 768px) {
  .g773f .kf086ed0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g773f .g5701d {
    padding: 0 var(--spacing-xl);
  }

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

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

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

.g5701d {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.kf086ed0 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.h50cda5 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.o440b {
  width: 100%;
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e8ffa8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.lb11 {
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.m06fc {
  width: 48px;
  height: 48px;
  color: var(--color-success);
  stroke-width: 2;
}

.j9d2ab {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.p55e26f9 {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.6;
}

.f760 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
}

.n201c {
  width: 100%;
  margin-bottom: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  text-align: left;
}

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

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

.oed1 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: var(--spacing-lg);
  position: relative;
}

.oed1::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.1em;
}

.ib4 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
  font-style: italic;
}

.ed588 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
  text-align: center;
  min-width: 200px;
}

.o928 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.o928:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.o928:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .o440b {
    padding: var(--spacing-2xl) 0;
  }

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

  .lb11 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-2xl);
  }

  .m06fc {
    width: 60px;
    height: 60px;
  }

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

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

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

  .ed588 {
    min-width: 240px;
  }
}

@media (min-width: 1024px) {
  .o440b {
    padding: var(--spacing-3xl) 0;
  }

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

  .lb11 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-3xl);
  }

  .m06fc {
    width: 72px;
    height: 72px;
  }

  .n201c {
    padding: var(--spacing-xl);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 640px) {
  .e8ffa8 {
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
  }

  .n201c {
    padding: var(--spacing-md);
    text-align: left;
  }

  .p3d9b {
    text-align: center;
    margin-bottom: var(--spacing-md);
  }

  .ed588 {
    width: 100%;
    min-width: unset;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lb11 {
    animation: none;
  }

  .ed588 {
    transition: none;
  }

  .o928:hover {
    transform: none;
  }

  .o928:active {
    transform: none;
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

main.ma0e7e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.g5701d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.kf086ed0 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.l8969e {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
  padding: var(--spacing-xl) var(--spacing-md);
}

.e8f67793 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.m23d {
  position: relative;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1;
  display: flex; flex-direction: column;
}

.f3d52d03 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.jd9c {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: pulse-ring 3s ease-in-out infinite;
}

@keyframes pulse-ring {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0.5;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}

.p7416c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.cfb512c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.h70a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
}

.d7b {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-md) 0;
}

.ia1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
}

.ed588 {
  display: inline-block;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.5px;
}

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

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

.o928:active {
  transform: translateY(0);
}

.kfae30 {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.125rem);
  padding: var(--spacing-md) var(--spacing-2xl);
  min-width: 280px;
}

.me32 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: var(--spacing-lg) 0 0 0;
}

.ef4516ef {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-primary);
  transition: all var(--transition-fast);
}

.ef4516ef:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

@media (min-width: 480px) {
  .l8969e {
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
  }
  
  .kfae30 {
    min-width: 320px;
  }
}

@media (min-width: 768px) {
  main.ma0e7e {
    padding: var(--spacing-lg);
  }
  
  .l8969e {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-3xl);
  }
  
  .m23d {
    max-width: 400px;
  }
  
  .d7b {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .l8969e {
    padding: var(--spacing-3xl);
  }
  
  .m23d {
    max-width: 450px;
  }
  
  .p7416c {
    gap: var(--spacing-xl);
  }
}

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

.n1ee {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.pe0 {
  text-align: center;
  padding: 0 var(--spacing-md);
}

.f9a88e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.o09a4e93 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.o44 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.a246 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

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

.ad804 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.g88bf1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

.hcc3d7c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.i5c666 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.a0f72e8,
.j360 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.a0f72e8:focus,
.j360:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.a0f72e8::placeholder,
.j360::placeholder {
  color: var(--color-text-muted);
}

.j360 {
  resize: vertical;
  min-height: 140px;
  line-height: 1.6;
}

.gffc630 {
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-left: 3px solid var(--color-primary-light);
  border-radius: var(--radius-sm);
}

.ebd {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.ha774 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  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);
  margin-top: var(--spacing-sm);
}

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

.ha774:active {
  transform: translateY(0);
}

.ha774:disabled {
  background-color: var(--color-text-muted);
  cursor: not-allowed;
  transform: none;
}

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

.d31 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.pec7 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.pec7:last-of-type {
  border-bottom: none;
  margin-bottom: var(--spacing-xl);
  padding-bottom: 0;
}

.m6e00 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.n7d {
  flex: 1;
}

.gbbc2 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.n07bec {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.l9fc {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.g20 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.fb21f {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.g5a4bd7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

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

.cf7f {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
  text-align: center;
}

.d555 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
}

.e7e2d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  cursor: pointer;
}

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

.e7e2d:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .n1ee {
    padding: 4rem 0;
  }

  .o44 {
    padding: 4rem 0;
  }

  .ke16 {
    flex: 1 1 45%;
  }

  .l0c9 {
    flex: 1 1 45%;
  }

  .a246 {
    gap: 3rem;
  }
}

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

  .o44 {
    padding: 5rem 0;
  }

  .fa6,
  .de76907d {
    padding: var(--spacing-2xl);
  }

  .a246 {
    gap: 4rem;
  }
}

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

  .o44 {
    padding: 6rem 0;
  }
}

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));}
.lc8ca8fb,.af2{width:34px;}
.lc8ca8fb[aria-expanded="true"]{display:none;}
.k07ac3e.paa4ca1{z-index:999;}
.k07ac3e{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.k07ac3e{max-width:100%;}}
.f7504d{justify-content:flex-end;}
@media (max-width:768px){.a18b920{min-height:500px;}}
@media (max-width:768px){.lcbaa81{min-height:500px;}}