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

:root {
  --color-bg-primary: #042f2e;
  --color-bg-secondary: #064e4a;
  --color-bg-tertiary: #0f766e;
  --color-bg-card: #0a3d3c;

  --color-text-primary: #ffffff;
  --color-text-secondary: #99f6e4;
  --color-text-muted: #5eead4;

  --color-primary: #14b8a6;
  --color-primary-hover: #0d9488;
  --color-primary-light: #26d0b9;
  --color-secondary: #2dd4bf;
  --color-secondary-light: #5edcc7;

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

  --color-border: #0f766e;
  --color-border-light: #064e4a;

  --font-primary: 'Commissioner', sans-serif;
  --font-heading: 'Fraunces', 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.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;

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

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

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

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

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

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

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

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

h1 {
  font-size: var(--font-size-5xl);
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-4xl);
  font-weight: 700;
  letter-spacing: -0.015em;
}

h3 {
  font-size: var(--font-size-3xl);
  font-weight: 600;
  letter-spacing: -0.01em;
}

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

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

h6 {
  font-size: var(--font-size-lg);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

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

.e1b85 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
}

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

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

.ea51a50c:active {
  transform: translateY(0);
}

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

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

.ffbeea0 {
  background: transparent;
  border-color: var(--color-primary);
  color: var(--color-primary);
}

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

.b7aed74 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
}

.g390 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: var(--font-size-lg);
}

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

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

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

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

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

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

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

.c61e543a {
  display: flex;
}

.n36 {
  flex-direction: column;
}

.d6bd8 {
  flex-direction: row;
}

.kdf {
  align-items: center;
}

.n9b {
  justify-content: center;
}

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

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

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

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

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

.m5fd01 { margin-top: var(--spacing-xs); }
.jd348ee { margin-top: var(--spacing-sm); }
.n914 { margin-top: var(--spacing-md); }
.fbf34 { margin-top: var(--spacing-lg); }
.pf4de { margin-top: var(--spacing-xl); }
.c0e0eb23 { margin-top: var(--spacing-2xl); }
.b68d { margin-top: var(--spacing-3xl); }

.lc25c06b { margin-bottom: var(--spacing-xs); }
.m1e75a { margin-bottom: var(--spacing-sm); }
.k542497 { margin-bottom: var(--spacing-md); }
.f0530590 { margin-bottom: var(--spacing-lg); }
.ibc { margin-bottom: var(--spacing-xl); }
.h4a47c03 { margin-bottom: var(--spacing-2xl); }
.h88 { margin-bottom: var(--spacing-3xl); }

.j1c1a144 {
  margin-left: auto;
  margin-right: auto;
}

.c54 { padding: 0 var(--spacing-sm); }
.hb0e { padding: 0 var(--spacing-md); }
.fc2 { padding: 0 var(--spacing-lg); }
.k9569d { padding: 0 var(--spacing-xl); }

.be5a28b { padding: var(--spacing-sm) 0; }
.k103b948 { padding: var(--spacing-md) 0; }
.a243 { padding: var(--spacing-lg) 0; }
.n69 { padding: var(--spacing-xl) 0; }

.ndfd79 {
  text-align: center;
}

.l49f142 {
  text-align: right;
}

.m5ad8db {
  text-align: left;
}

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

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

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

.p0fa4522 { font-size: var(--font-size-sm); }
.b557b6b { font-size: var(--font-size-base); }
.ifeddd12 { font-size: var(--font-size-lg); }
.idccf75 { font-size: var(--font-size-xl); }
.me1e7fe { font-size: var(--font-size-2xl); }

.jbe3673 { font-weight: 400; }
.n1a2348 { font-weight: 500; }
.oba { font-weight: 600; }
.d495 { font-weight: 700; }

.la174 { border-radius: var(--radius-sm); }
.bbbef04 { border-radius: var(--radius-md); }
.oa71 { border-radius: var(--radius-lg); }
.cee { border-radius: var(--radius-xl); }
.ob06 { border-radius: var(--radius-2xl); }

.i1d { box-shadow: var(--shadow-sm); }
.d47c051f { box-shadow: var(--shadow-md); }
.f7d0eb { box-shadow: var(--shadow-lg); }
.k47 { box-shadow: var(--shadow-xl); }

.m67d { opacity: 0.5; }
.n7e3 { opacity: 0.75; }

.m07 { display: none; }
.j8aa389 { display: block; }
.k484 { display: inline; }
.l2900d { display: inline-block; }

.na57 { width: 100%; }
.of2933 { height: 100%; }

.m3a61 { overflow: hidden; }
.g4c16 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

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

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

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

@media (max-width: 768px) {
  .f9b310 {
    padding: 0 var(--spacing-md);
  }

  .i61f80, .pbdac84, .d84 {
    grid-template-columns: 1fr;
  }

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

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

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

  .e1b85 {
    padding: var(--spacing-md) var(--spacing-lg);
    width: 100%;
  }

  input, textarea, select {
    width: 100%;
  }
}

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

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

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

  body {
    font-size: var(--font-size-sm);
  }

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

  .d196739 {
    padding: var(--spacing-lg);
  }
}
.ga13f298 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  overflow: hidden;
}

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

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

.jff119:hover {
  opacity: 0.85;
}

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

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

.bc600f9 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  flex: 1;
  justify-content: center;
}

.l799a55 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
}

.l799a55:hover {
  color: var(--color-primary);
}

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

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

.e07 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-primary);
  color: var(--color-bg-primary);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  flex-shrink: 0;
  text-align: center;
}

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

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

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

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

.l222fe9.d027e2 span:nth-child(2) {
  opacity: 0;
}

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

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

.n1a2.d027e2 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.pee3:hover {
  color: var(--color-primary);
}

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

.a5c {
  padding: 1rem 1.5rem;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  border-bottom: 1px solid var(--color-border-light);
}

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

.e813f967 {
  padding: 1.25rem 1.5rem;
  margin: 1rem 1rem 0 1rem;
  background: var(--color-primary);
  color: var(--color-bg-primary);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  display: block;
}

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

@media (min-width: 768px) {
  .eea2b51f {
    gap: 1.5rem;
  }

  .bc600f9 {
    display: flex;
  }

  .e07 {
    display: block;
  }

  .l222fe9 {
    display: none;
  }

  .n1a2 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .eea2b51f {
    gap: 2.5rem;
  }

  .bc600f9 {
    gap: 2.5rem;
  }

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

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

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

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

.i745085c {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l69b1b09 {
  width: 100%;
  position: relative;
  aspect-ratio: 16 / 9;
  max-height: 700px;
  overflow: hidden;
    min-height: 500px;
}

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

.o8e {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(4, 47, 46, 0.75) 0%, rgba(4, 47, 46, 0.5) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.dbba {
  text-align: center;
  padding: clamp(2rem, 5vw, 3rem);
 

}

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

.abde29 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
  line-height: var(--line-height-relaxed);
}

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

.e1b85 {
  padding: 0.875rem clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  font-family: var(--font-primary);
}

.d64ade {
  background: var(--color-primary);
  color: #000000;
  border: 2px solid var(--color-primary);
}

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

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

.bc266:hover {
  background: var(--color-primary);
  color: #000000;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

.l2392 {
  text-align: center;
}

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

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

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

.n34 {
  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;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
}

.n34:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  background: var(--color-bg-tertiary);
}

.a636 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(3rem, 6vw, 4rem);
  width: clamp(3rem, 6vw, 4rem);
}

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

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

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

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

.d371 {
  text-align: center;
}

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

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

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

.g6d8894 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.pada8 {
  flex: 1 1 200px;
  min-width: 150px;
  max-width: 300px;
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 1;
}

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

.c9f5e {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(3rem, 6vw, 5rem);
  height: clamp(3rem, 6vw, 5rem);
  background: rgba(20, 184, 166, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: clamp(1.25rem, 2vw, 2rem);
}

.l3b75 {
  flex: 1 1 300px;
}

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

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

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

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

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

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

.e9d9 {
  text-align: center;
}

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

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

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

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

.j0ace {
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

.j205f0ad {
  text-align: center;
}

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

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

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

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

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

.ld5b {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
}

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

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

  .d7ca,
  .fb6a64b {
    flex: 1 1 100%;
  }
}

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

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

.ia49 {
  text-align: center;
}

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

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

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

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

.m6e26 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  flex: 1 1 45%;
  min-width: 200px;
}

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

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

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

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

  .m6e26,
  .k5b7 {
    flex: 1 1 100%;
  }
}

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

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

.ge0ef4 {
  text-align: center;
}

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

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

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

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

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

.b2c {
  width: 100%;
  height: auto;
  max-height: 250px;
  overflow: hidden;
}

.mfb7 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

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

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

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

.h8bc0b {
  color: var(--color-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

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

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

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

.ja50 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.n23db.m07 {
  display: none;
}

.n7ba34ac {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  line-height: var(--line-height-snug);
  flex: 1 1 200px;
}

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

.kddd,
.b3040 {
  padding: 0.5rem clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: var(--font-primary);
  border: none;
  white-space: nowrap;
}

.kddd {
  background: var(--color-primary);
  color: #000000;
}

.kddd:hover {
  background: var(--color-primary-hover);
  transform: translateY(-1px);
}

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

.b3040:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
}

@media (max-width: 768px) {
  .l69b1b09 {
    aspect-ratio: auto;
    max-height: 500px;
  }

  .n23db {
    flex-direction: column;
    justify-content: center;
  }

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

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

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

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

.ja2b {
  display: block;
}

.ja2b h3,
.i3a7 h3,
.e3cb5ada h3,
.g7d 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, 2vw, 1.25rem);
  line-height: var(--line-height-tight);
}

.ja2b p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  max-width: 420px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i3a7,
.e3cb5ada,
.g7d {
  display: block;
}

.pb7dcd9,
.ca68 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.e04bf {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-fast);
  line-height: var(--line-height-normal);
  display: inline-block;
  width: fit-content;
}

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

.o14e4 {
  display: block;
}

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

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

.fd3a4bec p {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  line-height: var(--line-height-normal);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .ja2b {
    flex: 1 1 280px;
  }

  .i3a7 {
    flex: 0 1 auto;
  }

  .e3cb5ada {
    flex: 1 1 280px;
  }

  .g7d {
    flex: 0 1 auto;
  }

  .fd3a4bec {
    flex: 1 1 100%;
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
  }

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

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

  .pb7dcd9,
  .ca68 {
    flex-direction: column;
    gap: clamp(0.625rem, 1.5vw, 0.875rem);
  }
}
    

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

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

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

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

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

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

.me23 {
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.f8d29 {
  font-size: clamp(1.25rem, 3vw + 0.25rem, 2rem);
  color: var(--color-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
}

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

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

.e854818b {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  border: 1px solid rgba(20, 184, 166, 0.3);
  flex: 1 1 auto;
  min-width: 140px;
}

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

.e854818b span {
  font-size: clamp(0.85rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 500;
}

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

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

.mfecb3f {
  text-align: center;
}

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

.o6c61 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
}

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

.bfd {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 300px;
  max-width: 500px;
  border: 1px solid rgba(20, 184, 166, 0.15);
  transition: all 0.3s ease;
}

.bfd:hover {
  transform: translateY(-4px);
  border-color: rgba(20, 184, 166, 0.35);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}

.bfd img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

.b7e40 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
  flex-grow: 1;
}

.n4a09 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid rgba(20, 184, 166, 0.15);
}

.a308,
.k70,
.b3b {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.a308 i,
.k70 i,
.b3b i {
  color: var(--color-secondary);
  font-size: 0.95em;
}

.l1730dd {
  display: inline-block;
  padding: clamp(0.6rem, 1.5vw, 0.85rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-primary);
  color: var(--color-bg-primary);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: all 0.3s ease;
  text-align: center;
  width: fit-content;
  align-self: flex-start;
}

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

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

  .f6f {
    flex-direction: column;
  }

  .e854818b {
    width: 100%;
    flex: 1 1 auto;
  }
}

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

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

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

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

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

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

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

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

.f7ea {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

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

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

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

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

.icde6d2 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  background: rgba(20, 184, 166, 0.05);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
}

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

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

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

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

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

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

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

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

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

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

.c095 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jbec {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: rgba(20, 184, 166, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  align-items: flex-start;
}

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

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

.f07 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.k20109 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.hd7049ca {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: bold;
  color: var(--color-accent);
  font-family: 'Fraunces', serif;
  min-width: 3rem;
  text-align: center;
}

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

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

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

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

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

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

.o190f72c {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--color-text-muted);
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-bg-card);
}

.pab2da50 {
  display: flex;
  flex-direction: row;
  background: var(--color-bg-tertiary);
  border-bottom: 2px solid var(--color-accent);
}

.i06 {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-text-muted);
}

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

.c13a09 {
  flex: 1;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

.a11a {
  color: var(--color-text-primary);
  font-weight: 600;
  min-width: 120px;
}

.b825a40 {
  color: var(--color-text-secondary);
  text-align: center;
}

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

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

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

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

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

.bc07fcb {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

.ic821f4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: #042f2e;
  padding: 0.75rem 2rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all 0.3s ease;
}

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

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

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

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

.df30f2 {
  flex-shrink: 0;
  width: clamp(80px, 15vw, 150px);
  height: clamp(80px, 15vw, 150px);
  border-radius: 50%;
  overflow: hidden;
}

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

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

.nc130fcd {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

.kc4 {
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-text-muted);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

.g9c {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow: hidden;
}

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

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

.h15f4 {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

  .g67b,
  .n8aee {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .ibce61,
  .i2385f,
  .k1c0ff,
  .h1aa8,
  .ifa,
  .c7623 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h1aa8 {
    order: 0;
  }

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

  .m081f {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
    align-items: center;
  }

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

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

@media (max-width: 480px) {
  .f7ea {
    font-size: 0.7rem;
    gap: 0.3rem;
  }

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

  .o190f72c {
    font-size: 0.8rem;
  }

  .c13a09 {
    padding: 0.75rem;
  }

  .ddf6aab {
    gap: 0.75rem;
  }

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

  .hd7049ca {
    min-width: auto;
  }
}

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

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

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

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

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

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

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

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

.b8b93 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.75rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
}

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

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

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

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

.e9990 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

.b6cb {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.kae8 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

.pb0a80 i {
  color: var(--color-primary);
  font-size: 1.1em;
}

.m4ff {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
}

.abaca {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  min-height: 350px;
}

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

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

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

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

.afec987 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
}

.o206 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  min-height: 300px;
}

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

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

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

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

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

.d090 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
}

.k3106 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  min-height: 300px;
}

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

.j08e5 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.p3129 p {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

.ke0 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
}

.o0351 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  min-height: 300px;
}

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

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

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

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

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

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

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

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

.c2f {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
}

.f182e {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  min-height: 300px;
}

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

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

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

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

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

.lb7e:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(20, 184, 166, 0.15);
}

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

.gde {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.gb64 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

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

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

.md31 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
}

.h93d63b9 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  min-height: 300px;
}

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

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

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

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

.p7bb409d {
  background: var(--color-bg-card);
  border: 2px solid var(--color-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

.j344d {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-bg-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  font-weight: 600;
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  transition: all 0.3s ease;
}

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

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

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

.g0889ed {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
}

.m4c {
  flex-shrink: 0;
  width: clamp(80px, 12vw, 150px);
  height: clamp(80px, 12vw, 150px);
  overflow: hidden;
  border-radius: 50%;
}

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

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

.i37 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.m1474f {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

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

.ob577d2 {
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.ob577d2:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(20, 184, 166, 0.15);
}

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

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

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

.m4188 {
  font-size: clamp(1rem, 1.8vw, 1.3rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.hf2 {
  display: inline-block;
  color: var(--color-secondary);
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 1rem);
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

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

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

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

  .d51660 {
    flex-direction: column;
  }

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

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

  .je8dd {
    flex-direction: column;
  }

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

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

  .p5a {
    flex-direction: column-reverse;
  }

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

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

  .lb86262e {
    flex-direction: column;
  }

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

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

  .mb97 {
    flex-direction: column;
  }

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

  .dba61 {
    flex-direction: column-reverse;
  }

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

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

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

  .m4c {
    width: clamp(100px, 25vw, 150px);
    height: clamp(100px, 25vw, 150px);
  }
}

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

  .bca6e8f8 {
    gap: 0.75rem;
  }

  .pb0a80 {
    font-size: 0.7rem;
  }

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

  .n376a {
    margin: 0 auto;
  }

  .p7bb409d {
    text-align: center;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.k964 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

.mf6b0 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.jff111 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-sm);
  font-size: clamp(0.65rem, 1vw, 0.75rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.e805bd18,
.g2fc {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

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

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

.f794 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

  .kb12134,
  .f794 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.m1e5e6 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.5rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.be9fe4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

.nd3331 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .c741,
  .nd3331 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.c0e5eb87 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.5rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.gc17b39a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

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

.k4ef9c3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1.1vw, 1rem);
  line-height: var(--line-height-relaxed);
}

.d772a {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .fbbd,
  .d772a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.ce4f4 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

.kb1 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.5rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.fd587bee {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

.d9f9 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-sm);
}

.a2e753 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

.f922868 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1.1vw, 1rem);
  padding-left: 1.5rem;
  position: relative;
  line-height: var(--line-height-relaxed);
}

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

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

  .ce4f4,
  .md9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.b8e4b {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

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

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

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

.j59777 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.5rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.k97c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

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

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

.cc84 {
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  background: var(--color-primary);
  color: var(--color-bg-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-family: var(--font-heading);
}

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

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

.o504c2c6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1.1vw, 1rem);
  line-height: var(--line-height-relaxed);
}

.e8c12 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .i454,
  .e8c12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.l313 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

.n61 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.5rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.i9827a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

.i38218 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-relaxed);
  padding-top: 1rem;
  border-top: 2px solid var(--color-bg-tertiary);
  margin-top: 0.5rem;
}

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

  .l313,
  .gcf49 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.de5f5bf {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

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

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

.n085e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.25rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  font-weight: 700;
  text-align: center;
}

.maf3ad {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.f4f07 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

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

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

.f4f07:hover .d4414 {
  transform: scale(1.05);
}

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

.d977 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  font-family: var(--font-heading);
}

.a0a41 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1.1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  flex: 1;
}

.m1bd8b {
  color: var(--color-primary);
  font-size: clamp(0.85rem, 1.1vw, 0.95rem);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

@media (min-width: 1024px) {
  .lf2520e {
    position: relative;
  }

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

  .n085e {
    grid-column: 2;
    text-align: left;
    font-size: clamp(1.35rem, 3vw, 1.75rem);
  }

  .maf3ad {
    grid-column: 2;
    grid-row: 2;
    max-width: none;
    margin: 0;
  }
}

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

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

  .f36e {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    font-size: clamp(0.75rem, 1vw + 0.25rem, 0.95rem);
    flex-wrap: wrap;
  }

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

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

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

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

  .j806c1 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
    background: var(--color-bg-card);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
  }

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

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

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

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

  .p5e,
  .h3b73ef,
  .pc238175 {
    display: inline-block;
    background: var(--color-bg-tertiary);
    color: var(--color-text-secondary);
    padding: 0.4rem 0.8rem;
    border-radius: var(--radius-md);
    font-size: clamp(0.7rem, 1vw, 0.85rem);
    font-weight: 500;
  }

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

  .j698e99 {
    font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.2rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
  }

  .f14866 {
    font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
    color: var(--color-text-muted);
  }

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

    .a72d,
    .kc804 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .g4314b5 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 250px;
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }

  .fac {
    font-size: 2.5rem;
    color: var(--color-primary);
  }

  .nf02 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
    color: var(--color-text-primary);
    font-weight: 600;
  }

  .n9f0b {
    font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-snug);
  }

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

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

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

  .o37ce0a9,
  .jda555cf {
    flex: 1 1 50%;
    max-width: 50%;
  }

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

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

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

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

    .o37ce0a9,
    .jda555cf {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .n23b7f30 {
    font-size: 1.5rem;
    color: var(--color-primary);
    flex-shrink: 0;
  }

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

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

  .j6c2 {
    font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
  }

  @media (max-width: 768px) {
    .m37 {
      flex-direction: column;
      border-left: none;
      border-top: 4px solid var(--color-primary);
    }

    .n23b7f30 {
      order: -1;
    }
  }

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

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

  .nd0bb0 {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .j0365 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    font-family: var(--font-heading);
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .g32d {
    font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
  }

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

  .p6ff81 {
    flex: 1 1 calc(33.333% - 1.5rem);
    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: 1rem;
    transition: all var(--transition-base);
  }

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

  .o148 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-primary);
    font-family: var(--font-heading);
  }

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

  .m4e612 {
    font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-snug);
  }

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

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

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

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

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

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

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

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

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

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

    .p29fd,
    .hcb {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .fb21e {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    font-family: var(--font-heading);
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .m50 {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
  }

  .icd {
    display: inline-block;
    background: var(--color-primary);
    color: var(--color-bg-primary);
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 600;
    font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
    transition: all var(--transition-base);
  }

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

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

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

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

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

  .b9742 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
    color: var(--color-text-primary);
    font-weight: 600;
  }

  .i5075 {
    font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
  }

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

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

  .m2277 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-family: var(--font-heading);
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .m1c4ab18 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--color-bg-card);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border-radius: var(--radius-lg);
    text-decoration: none;
    transition: all var(--transition-base);
  }

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

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

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

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

  .k4d21 {
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    font-weight: 600;
    line-height: var(--line-height-tight);
  }

  .f4c9fcf5 {
    font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-snug);
  }

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

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

* {
  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;
}

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

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

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

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

.gf78493 {
  text-align: center;
  max-width: 900px;
}

.b1d69 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

.bfa30 {
  width: 100%;
  max-width: 1000px;
  height: auto;
  max-height: 500px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

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

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

.m7b6ed68 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.n83066d {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.gcb50 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

.gcb50 p {
  color: var(--color-text-muted);
  margin-bottom: 1.5rem;
}

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

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

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

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

.d84ecba {
  flex: 1 1 50%;
  min-width: 0;
}

.j0320 {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
}

.e57 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.gc80cf {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.je1cb838 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

.je1cb838 p {
  color: var(--color-text-muted);
  margin-bottom: 1.5rem;
}

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

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

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

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

.p5d6cb0 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.l9a {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.m923bca {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

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

.gfd {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-primary);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.e9854de9 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.i548fe {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.i3066429 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

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

.f4e6aa7 {
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

.gd6582 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-secondary);
  font-weight: 700;
  line-height: 1.2;
}

.o53c1 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  margin-top: 0.5rem;
}

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

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

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

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

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

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

.bbbbe5 p {
  color: var(--color-text-muted);
  margin-bottom: 1rem;
}

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

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

  .d84ecba {
    flex: 1 1 100%;
  }

  .j0320 {
    flex: 1 1 100%;
  }

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

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

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

  .f4e6aa7 {
    min-width: 160px;
  }
}

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

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

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

  .f4e6aa7 {
    flex: 0 1 auto;
  }
}

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

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

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

.e4822ce {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3rem);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.icb {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 700px;
}

@media (min-width: 768px) {
  .p07f2 {
    padding: 4rem var(--spacing-lg);
  }

  .e4822ce {
    font-size: clamp(2.25rem, 6vw + 0.5rem, 3.5rem);
    margin-bottom: var(--spacing-lg);
  }
}

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

  .e4822ce {
    font-size: 3rem;
  }
}

.k7e377 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

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

.na5675:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.n222 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
}

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

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

.d4a3db70 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  line-height: var(--line-height-snug);
}

.k29f {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: var(--color-primary);
  border-radius: 50%;
  position: relative;
  transition: transform var(--transition-base);
}

.k29f::before,
.k29f::after {
  content: '';
  position: absolute;
  background-color: var(--color-bg-card);
  transition: all var(--transition-base);
}

.k29f::before {
  width: 2px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k29f::after {
  width: 10px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.na5675.f7682d2e .k29f {
  transform: rotate(45deg);
}

.o760 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-card);
}

.na5675.f7682d2e .o760 {
  max-height: 500px;
}

.o760 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: var(--spacing-md);
  padding-top: 0;
}

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

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

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

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

  .d4a3db70 {
    font-size: 1.125rem;
  }

  .o760 p {
    padding: var(--spacing-lg);
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .k7e377 {
    padding: 3rem var(--spacing-xl);
  }

  .na5675:hover .d4a3db70 {
    color: var(--color-primary);
  }
}

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

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

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

.i89f94 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.i8268 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid var(--color-primary);
}

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

.i8268:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

  .c6cd5b {
    font-size: 2.25rem;
    margin-bottom: var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .obbc {
    padding: 4rem var(--spacing-xl);
  }

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

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

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

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

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

.bc71 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: var(--line-height-relaxed);
}

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

@media (min-width: 1024px) {
  .he5331 {
    padding: 5rem var(--spacing-2xl);
  }
}

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

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

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

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

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

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

  .be4 {
    padding: 5rem var(--spacing-2xl);
  }
}

.i4650bf2 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

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

.e18 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
  transition: background-color var(--transition-fast);
}

.i4650bf2:hover .e18 {
  background-color: var(--color-primary);
  color: white;
}

.g7683f1 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: var(--line-height-snug);
}

.d25 {
  color: var(--color-text-primary);
  font-size: var(--font-size-base);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.aef10d {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  margin: 0;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  line-height: var(--line-height-normal);
}

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

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

.hb0ed {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: white;
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.ae8cf {
  color: rgba(255, 255, 255, 0.95);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.cf34 {
  display: inline-block;
  background-color: white;
  color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: var(--font-size-base);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid white;
  cursor: pointer;
  font-family: var(--font-primary);
}

.cf34:hover {
  background-color: transparent;
  color: white;
  transform: translateY(-2px);
}

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

@media (min-width: 1024px) {
  .dfa {
    padding: 4rem var(--spacing-2xl);
  }
}

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

.af830 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-primary);
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

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

@media (min-width: 1024px) {
  .n5d58e {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }

  .h5a {
    padding: 5rem var(--spacing-2xl);
  }
}

.l0fd59f {
  margin: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.l0fd59f:hover {
  transform: scale(1.03);
  box-shadow: var(--shadow-md);
}

.l0fd59f img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

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

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

.dc556d .f9b310 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.dc556d .nac6d {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.dc556d h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.dc556d .gd97e81 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.dc556d h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.dc556d p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.dc556d ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
}

.dc556d li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.dc556d .od29cd {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.dc556d .od29cd h2 {
  margin-top: 0;
}

.dc556d .od29cd p {
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 1024px) {
  .dc556d .nac6d {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.o00 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.n6e {
  width: 100%;
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.f9b310 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pe285 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.n51 {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.n51 svg {
  width: 100%;
  height: 100%;
}

.pe285 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  letter-spacing: -0.02em;
}

.pe285 .g99d84c4 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-snug);
}

.pe285 .f9c00b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.e1b85 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  margin-top: var(--spacing-md);
}

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

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

.ea51a50c:active {
  transform: translateY(0);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

  .n51 {
    width: 140px;
    height: 140px;
  }
}

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

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

  .n51 {
    width: 160px;
    height: 160px;
  }

  .e1b85 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    margin-top: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n6e {
    padding: var(--spacing-3xl);
  }

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

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

  .n51 {
    width: 180px;
    height: 180px;
  }
}

.e78f {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.f9b310 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.f06 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

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

.od1ae796 {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-2xl);
}

.b8b {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -2px;
  display: block;
  position: relative;
  z-index: 2;
}

.cbae37 {
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.15;
  z-index: 1;
  animation: pulse 3s ease-in-out infinite;
}

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

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

.hfea8d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  font-weight: 400;
}

.c19f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-xl);
  border-left: 4px solid var(--color-primary);
}

.c19f p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.ce8 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  margin-bottom: var(--spacing-lg);
}

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

.ce8:active {
  transform: translateY(0);
}

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

.n87ea {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.ic5a0 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ic5a0 li {
  display: inline;
}

.ic5a0 a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  transition: background-color var(--transition-base), color var(--transition-base);
  display: inline-block;
}

.ic5a0 a:hover {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.05);
  }
}

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

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

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

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

  .c19f {
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
  }

  .ce8 {
    padding: var(--spacing-md) var(--spacing-2xl);
    margin-bottom: var(--spacing-2xl);
  }

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

  .ic5a0 {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }

  .ic5a0 li {
    margin: 0 var(--spacing-sm);
  }
}

@media (min-width: 1024px) {
  .e78f {
    padding: var(--spacing-xl);
  }

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

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

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

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

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

  .c19f {
    padding: var(--spacing-2xl);
    margin-bottom: var(--spacing-2xl);
  }

  .ce8 {
    font-size: var(--font-size-lg);
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

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

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

.bd8cf60 {
  text-align: center;
}

.jfb42e {
  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: var(--line-height-snug);
}

.k103 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.oafb4418 {
  width: 100%;
}

.i48cf41 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
}

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

.m6bc7 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-snug);
}

.caa8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.k5dadb {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o04f {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

.c13a,
.ff03b6ba {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  width: 100%;
  transition: var(--transition-base);
  box-sizing: border-box;
}

.c13a::placeholder,
.ff03b6ba::placeholder {
  color: var(--color-text-muted);
}

.c13a:focus,
.ff03b6ba:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.ff03b6ba {
  min-height: 150px;
  resize: vertical;
}

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

.jecf {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-bg-primary);
  background-color: var(--color-primary);
  border: none;
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-lg);
  cursor: pointer;
  transition: var(--transition-base);
  width: fit-content;
}

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

.jecf:active {
  transform: scale(0.98);
}

.db634 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.b9e {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  font-weight: 600;
}

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

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

.gc484bb {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-snug);
}

.a143e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.c734d9e {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.g0aa9a9 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
}

.g0aa9a9 svg {
  width: 24px;
  height: 24px;
}

.j0d7f {
  flex: 1;
}

.pb98b {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: var(--line-height-snug);
}

.hb021a4 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.g958ce {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.i04 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-snug);
}

.fb1e07 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.fe1b {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  font-weight: 600;
}

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

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

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

  .odf4cf {
    flex: 1 1 calc(50% - var(--spacing-lg));
    max-width: 550px;
  }

  .hdb2f702 {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }
}

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

  .i48cf41 {
    gap: 4rem;
  }
}

/* ==FIX6_START (auto — regenerated on every run, do not edit)== */
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));}
.l222fe9,.pee3{width:34px;}
.l222fe9[aria-expanded="true"]{display:none;}
.n1a2.d027e2{z-index:999;}
.n1a2{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.n1a2{max-width:100%;}}
.bc600f9{justify-content:flex-end;}
/* ==FIX6_END== */