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

:root {
  --color-bg-primary: #0c1929;
  --color-bg-secondary: #162d50;
  --color-bg-tertiary: #1e3a5f;
  --color-bg-card: #152a48;

  --color-text-primary: #ffffff;
  --color-text-secondary: #bfdbfe;
  --color-text-muted: #93c5fd;

  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-light: #60a5fa;
  --color-secondary: #60a5fa;
  --color-secondary-light: #93c5fd;

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

  --color-border: #1e3a5f;
  --color-border-light: #162d50;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-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-full: 9999px;

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

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

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-md);
}

h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -1px;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
}

h3 {
  font-size: 1.75rem;
  font-weight: 600;
}

h4 {
  font-size: 1.375rem;
  font-weight: 600;
}

h5 {
  font-size: 1.125rem;
  font-weight: 600;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

p {
  margin-bottom: var(--spacing-md);
  font-weight: 400;
  line-height: 1.7;
}

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

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

.d10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

.o663 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-primary);
}

.o663:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-primary-hover);
}

.lff373 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.95rem;
}

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

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

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

.nb89 {
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

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

.d7ac732 {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.p5f1b {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

.ffdc77 {
  background: var(--color-warning);
  color: #000000;
}

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

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

.d901 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}

label {
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-text-primary);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="search"],
select,
textarea {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  transition: all var(--transition-base);
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="date"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

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

.o6d {
  display: grid;
  gap: var(--spacing-xl);
}

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

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

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

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

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.375rem;
  }

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

  .e5200,
  .h09423cb,
  .e34 {
    grid-template-columns: 1fr;
  }
}

.j34f9 {
  display: flex;
}

.ecf284 {
  flex-direction: column;
}

.l940a {
  align-items: center;
}

.p19d {
  justify-content: center;
}

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

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

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

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

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

.odb {
  text-align: center;
}

.a649a41 {
  text-align: left;
}

.b0875543 {
  text-align: right;
}

.j83 {
  font-size: 0.875rem;
}

.lf2b {
  font-size: 1rem;
}

.jb0 {
  font-size: 1.125rem;
}

.o6fd4c8c {
  font-size: 1.375rem;
}

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

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

.e22cfa {
  font-weight: 500;
}

.i285 {
  font-weight: 600;
}

.d90a0 {
  font-weight: 700;
}

.cde3 { margin-top: var(--spacing-xs); }
.j6844989 { margin-top: var(--spacing-sm); }
.c075 { margin-top: var(--spacing-md); }
.ee14da { margin-top: var(--spacing-lg); }
.j721a0 { margin-top: var(--spacing-xl); }
.g1a5cc { margin-top: var(--spacing-2xl); }
.a5a8b2 { margin-top: var(--spacing-3xl); }

.gca { margin-bottom: var(--spacing-xs); }
.a12 { margin-bottom: var(--spacing-sm); }
.m65 { margin-bottom: var(--spacing-md); }
.e7f { margin-bottom: var(--spacing-lg); }
.n4219278 { margin-bottom: var(--spacing-xl); }
.odb6a8 { margin-bottom: var(--spacing-2xl); }
.n8fe { margin-bottom: var(--spacing-3xl); }

.i3ea { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.o6e4 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.fa81 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.ied { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.hbd135cb { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.ge9c422 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }

.bfe4aec0 { border-radius: var(--radius-sm); }
.mc94b5d { border-radius: var(--radius-md); }
.bf5208 { border-radius: var(--radius-lg); }
.a7781 { border-radius: var(--radius-xl); }
.a21bb8 { border-radius: var(--radius-full); }

.i2c29 { box-shadow: var(--shadow-sm); }
.mdb5 { box-shadow: var(--shadow-md); }
.g258266 { box-shadow: var(--shadow-lg); }
.edf4 { box-shadow: var(--shadow-xl); }

.ob206 { opacity: 0.5; }
.o21 { opacity: 0.75; }

.kf06 { display: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.125rem;
  }

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

  .d10 {
    width: 100%;
  }

  .c5607 {
    padding: var(--spacing-lg);
  }
}
* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n893cf {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

.g7e8 {
  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: clamp(3.5rem, 8vw, 4.5rem);
  gap: clamp(1rem, 3vw, 2rem);
}

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

.fc82:hover {
  opacity: 0.85;
}

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

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

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

.ob28c37a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
  white-space: nowrap;
}

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

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

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

.o9898 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin-right: -0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

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

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

.a2f5c.h6093 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.kc7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

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

.n0bb729 {
  background: none;
  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: all var(--transition-fast);
  margin-right: -0.5rem;
}

.n0bb729:hover {
  color: var(--color-accent);
  transform: rotate(90deg);
}

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

.p0698 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  border-left: 3px solid transparent;
  transition: all var(--transition-fast);
  display: block;
}

.p0698:hover {
  color: var(--color-accent);
  background: var(--color-bg-secondary);
  border-left-color: var(--color-accent);
  padding-left: calc(clamp(1rem, 3vw, 1.5rem) + 4px);
}

.i846f8 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  text-decoration: none;
  text-align: center;
  margin: clamp(1rem, 3vw, 1.5rem);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
  flex-shrink: 0;
  display: block;
}

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

@media (min-width: 768px) {
  .o9898 {
    display: none;
  }

  .a2f5c {
    display: none;
  }

  .ae4 {
    display: flex;
  }

  .jabb68 {
    display: block;
  }
}

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

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

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

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

.d10 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

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

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

.e900ed {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}

.d9c6db57 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  position: relative;
  margin-right: -40px;
}

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

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

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

.m62e {
  flex: 1 1 55%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .e900ed {
    flex: 1 1 100%;
  }

  .m62e {
    flex: 1 1 100%;
  }

  .d9c6db57 {
    margin-right: 0;
  }

  .faac1dd6 {
    flex-direction: column;
  }

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

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

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

.f5bc06 {
  text-align: center;
}

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

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

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

.eb7d0 {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  position: relative;
}

.f0b6 {
  flex-direction: row;
}

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

.b21c0 {
  width: 20px;
  height: 20px;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 8px;
  box-shadow: 0 0 0 4px var(--color-bg-secondary), 0 0 0 6px var(--color-accent);
}

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

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

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

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

  .p60d5 {
    flex-direction: column !important;
  }

  .b21c0 {
    margin-top: 4px;
  }
}

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

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

.g142b88 {
  text-align: center;
}

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

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

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

.dfdc1034 {
  flex: 2 1 500px;
  max-width: 600px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border: 2px solid var(--color-accent);
  transition: all 0.3s ease;
}

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

.o99cd92 {
  flex: 1 1 250px;
  min-width: 200px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

.c886 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

  .dfdc1034,
  .o99cd92 {
    flex: 1 1 100%;
  }
}

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

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

.ib931e23 {
  text-align: center;
}

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

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

.b62 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

.kbecccc {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
}

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

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

.mef437a {
  flex: 1;
}

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

.e8f2 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

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

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

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

.e80713 {
  text-align: center;
}

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

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

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

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

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

.be993 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  overflow: hidden;
}

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

.d3a0a1:hover .c9b1ff {
  transform: scale(1.05);
}

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

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

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

.p12 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.ia2ce9fb {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  padding: 0.25rem 0.75rem;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-sm);
}

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

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

.ha53 {
  text-align: center;
  margin-top: 1rem;
}

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

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

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

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

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

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

.a69a {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.iacb {
  flex: 1 1 55%;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  align-items: flex-start;
}

.cab {
  flex: 1 1 45%;
  min-width: 200px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  border-left: 4px solid var(--color-accent);
}

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

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

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

  .a69a,
  .iacb {
    flex: 1 1 100%;
  }

  .iacb {
    flex-direction: column;
  }

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

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

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

.ffe3 {
  text-align: center;
}

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

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

.g47bb {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

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

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

.bda9 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: none;
  background: none;
  text-align: left;
}

.bda9::after {
  content: "+";
  display: inline-block;
  font-size: 1.5rem;
  color: var(--color-accent);
  transition: transform 0.3s ease;
}

.jeb35f7[open] .bda9::after {
  transform: rotate(45deg);
  content: "−";
}

.ae7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 1rem 0 0 0;
  line-height: 1.6;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

.la5a {
  text-align: center;
}

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

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

.j86809b4 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: center;
}

.c94fab06 {
  flex: 1 1 40%;
  min-width: 250px;
  max-width: 500px;
}

.hda3e {
  flex: 1 1 55%;
  min-width: 300px;
  max-width: 700px;
  transform: translateY(-20px);
  z-index: 5;
}

.d4f1eb {
  flex: 1 1 45%;
  min-width: 280px;
  max-width: 600px;
  transform: translateY(-10px);
  z-index: 3;
}

.l49 {
  flex: 1 1 35%;
  min-width: 220px;
  max-width: 450px;
  transform: translateY(10px);
}

.d3db8 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

.d3db8:hover {
  transform: scale(1.03);
  box-shadow: var(--shadow-lg);
}

@media (max-width: 768px) {
  .c94fab06,
  .hda3e,
  .d4f1eb,
  .l49 {
    flex: 1 1 100%;
    transform: none !important;
    max-width: none;
  }

  .j86809b4 {
    flex-direction: column;
  }
}

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

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

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

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

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

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

.ied9.kf06 {
  display: none;
}

.b980 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  max-width: 400px;
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
}

.h06db {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.h973c,
.p4b3ca {
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-sm);
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

  .h973c,
  .p4b3ca {
    flex: 1 1 100%;
    max-width: 200px;
  }

  .g3e0e {
    flex-direction: column;
  }

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

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

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

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

.c62a43 {
  display: block;
  max-width: 320px;
}

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

.c62a43 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p33,
.df3bd3b6,
.ge3ecfd8 {
  display: block;
}

.p33 h3,
.df3bd3b6 h3,
.ge3ecfd8 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

.p0d li,
.e41 li {
  display: block;
}

.p33 a,
.ge3ecfd8 a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p33 a:hover,
.ge3ecfd8 a:hover {
  color: var(--color-accent);
}

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

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

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

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

.a105e p + p {
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.l5523 {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem) !important;
  color: var(--color-text-muted) !important;
  line-height: 1.6;
}

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

  .c62a43 {
    flex: 1 1 240px;
    max-width: none;
  }

  .p33 {
    flex: 0 1 150px;
  }

  .df3bd3b6 {
    flex: 0 1 200px;
  }

  .ge3ecfd8 {
    flex: 0 1 180px;
  }

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

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

  .c62a43 {
    flex: 0 1 300px;
  }
}
    

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

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

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

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

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

.a4e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l586 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.mada {
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.mada:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.f801,
.mf2f8 {
  flex-direction: row;
  align-items: stretch;
}

.mac,
.k7d7c1f {
  flex-direction: row-reverse;
  align-items: stretch;
}

.a5ea237f {
  flex: 1 1 45%;
  min-height: 280px;
  max-height: 350px;
  overflow: hidden;
}

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

.mada > div:not(.a5ea237f),
.mada > h3,
.mada > p,
.mada > a {
  padding: clamp(1.5rem, 3vw, 2rem);
}

.mada > h3:first-of-type {
  padding-top: clamp(1.5rem, 3vw, 2rem);
}

.p51b0b {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  justify-content: space-between;
}

.pcf3e {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 3vw, 2rem) 0;
}

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

.had0c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: 0 clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
}

.n04,
.c9b9f,
.d900459 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.n04 i,
.c9b9f i,
.d900459 i {
  color: var(--color-secondary);
  font-size: 0.875em;
}

.a98c7 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0 clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

.a98c7::after {
  content: '→';
  transition: transform 0.3s ease;
}

.a98c7:hover::after {
  transform: translateX(4px);
}

@media (max-width: 768px) {
  .f801,
  .mac,
  .mf2f8,
  .k7d7c1f {
    flex-direction: column !important;
  }

  .a5ea237f {
    flex: 1 1 100%;
    min-height: 220px;
    max-height: 280px;
  }

  .pcf3e,
  .pec01422,
  .had0c,
  .a98c7 {
    padding-left: clamp(1.5rem, 3vw, 2rem);
    padding-right: clamp(1.5rem, 3vw, 2rem);
  }

  .a4e {
    font-size: clamp(1.75rem, 5vw, 2.5rem);
  }

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

@media (min-width: 1024px) {
  .mada {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .f801,
  .mf2f8 {
    grid-template-columns: 1fr 1fr;
  }

  .mac,
  .k7d7c1f {
    grid-template-columns: 1fr 1fr;
  }

  .a5ea237f {
    flex: 1 1 100%;
    min-height: 350px;
  }

  .f801 .a5ea237f,
  .mf2f8 .a5ea237f {
    order: -1;
  }

  .mac .a5ea237f,
  .k7d7c1f .a5ea237f {
    order: 1;
  }
}

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

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

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

i {
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.b52 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

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

.n9d {
  color: var(--color-border-light);
}

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

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

  .c4c16,
  .k8d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b3ab {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

.pb51a {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

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

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

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

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

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

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

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

  .b3ab {
    width: 80px;
    height: 80px;
  }
}

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

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

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

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

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

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

.j9e {
  width: 100%;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

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

.id3f1b {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

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

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

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

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

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

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

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

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

  .p996,
  .cc29 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.k2ba27 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l728a37c,
  .c16adb42 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.g4ccbee {
  flex: 1 1 auto;
}

.c2efa {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

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

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

.a6d {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

  .n8da,
  .hc6c2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .k061b,
  .j49d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .f33,
  .be5bcece {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.ne2ef {
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: rgba(59, 130, 246, 0.05);
  border-radius: var(--radius-md);
}

.nd392fe {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1rem;
}

.nd392fe i {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

  .o91536,
  .k9b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.mb17d {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(59, 130, 246, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

.mb17d:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 130, 246, 0.3);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

  .ifced6a,
  .f3a5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.a2283 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  margin: 0;
}

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

.d222f3 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid rgba(59, 130, 246, 0.1);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

.d222f3:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 130, 246, 0.3);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

.b8b {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

html {
  font-size: 16px;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

.o92296e0 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

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

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

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

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

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

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

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

.ef6a2d i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
}

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

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

.ha73 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

.hacc7cf3 {
  flex: 1 1 auto;
}

.je5c7 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

.id7 a {
  color: var(--color-secondary);
}

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

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

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

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

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

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

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

.p10 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

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

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

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

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

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

.hb1f5 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  display: flex;
  align-items: flex-start;
  padding-top: 0.25rem;
}

.jd29 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

.le18a6e {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: clamp(0.375rem, 1vw, 0.75rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
}

.le18a6e:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

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

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

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

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

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

.ib576 {
  flex: 1 1 clamp(300px, 100%, 380px);
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.ib576:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}

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

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

.ib576:hover .m98f4f17 img {
  transform: scale(1.05);
}

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

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

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

.c1346 a:hover {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

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

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

  .ked67d5e {
    flex-direction: column;
  }

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

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

  .mf19 {
    flex-wrap: wrap;
  }

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

  .hacc7cf3 {
    flex: 1 1 100%;
  }

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

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

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

@media (max-width: 480px) {
  .ec9 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .ef6a2d {
    font-size: 0.8125rem;
  }

  .mf19 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .a290618,
  .k745c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.jbb8 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

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

.h96024f2 img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.d192 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.o93e7cääsetavad-rohealad-kaardik img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  max-height: 400px;
}

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

  .m1583af0,
  .o72c2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.h3c15ea {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.h3c15ea:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(59, 130, 246, 0.15);
}

.cfd {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

@media (max-width: 1024px) {
  .h3c15ea {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 220px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ge977f {
  background: rgba(59, 130, 246, 0.1);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-accent);
}

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

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

  .mec6e8b,
  .ca6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.oc41a8ääsetavad-rohealad-kaardik {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: rgba(59, 130, 246, 0.1);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

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

.gd95c595 {
  flex: 1;
}

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

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

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

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

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

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

.i0b037ääsetavad-rohealad-kaardik {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

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

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

  .i0b037ääsetavad-rohealad-kaardik,
  .bc562 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.pe4bääsetavad-rohealad-kaardik {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

  .i25fb7,
  .a713b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.b70ääsetavad-rohealad-kaardik {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

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

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

.b60ääsetavad-rohealad-kaardik {
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.f46 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
  cursor: pointer;
}

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

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

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

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

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

.lc5b9f {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.lc5b9f:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(59, 130, 246, 0.15);
}

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .lc5b9f {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 250px;
  }
}

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

@media (max-width: 768px) {
  .kcb06ääsetavad-rohealad-kaardik {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

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

  .oc41a8ääsetavad-rohealad-kaardik {
    flex-direction: column;
  }
}

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

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

.jca {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

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

.l9cfc {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

.k40b47e {
  max-width: 700px;
}

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

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

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

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

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

.a461e1 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

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

.jd3c {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(2rem, 3vw, 2.5rem);
}

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

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

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

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

.ddb26f {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

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

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

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

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

.d85395d {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  border-radius: 10px;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.d85395d:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(59, 130, 246, 0.1);
}

.fbb58 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-secondary);
  height: 50px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

.n4f {
  flex: 1 1 50%;
  min-width: 300px;
}

.d6ae6255 {
  flex: 1 1 50%;
  min-width: 300px;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

.k507 {
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.c736 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.75rem;
  display: block;
}

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

.n4f p {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.a2c4b1f1 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

.hc93 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

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

.p45b2b {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.d6b {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 10px;
  border: 1px solid var(--color-border);
}

.i38cc {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1;
}

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

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

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

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

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

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

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

.ed1 {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 900px;
}

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

  .n4f,
  .d6ae6255 {
    flex: 1 1 100%;
  }

  .d6b {
    flex: 1 1 100%;
  }

  .d85395d {
    flex: 1 1 100%;
  }

  .b31aab {
    text-align: center;
  }

  .a461e1,
  .pf123,
  .hc93 {
    text-align: center;
  }
}

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

.d10 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.lf3c5 {
  width: 100%;
  max-width: 600px;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

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

  .gec {
    flex: 1;
    text-align: left;
  }

  .l66d59 {
    margin: 0;
  }

  .lf3c5 {
    flex: 1;
  }
}

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

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

.i91 {
  text-align: center;
}

.ib0 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

.ac35c {
  text-align: center;
}

.c0b3 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

.ef4bd9 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  text-align: center;
  transition: var(--transition-base);
}

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

.mbe8701 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.n5f {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  line-height: 1.7;
}

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

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

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

.a4e86a2 {
  text-align: center;
}

.n00e7d {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

.baf460 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  border-left: 4px solid var(--color-secondary);
  transition: var(--transition-base);
}

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

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

.e353 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  line-height: 1.7;
}

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

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

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

.lef {
  text-align: center;
}

.bad9f {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

.gb524 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: 0.5rem;
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.gb524:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
}

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

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

.gb524:hover .bd103ab {
  transform: scale(1.05);
}

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

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

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

.o9af5 {
  display: inline-block;
  color: var(--color-secondary);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  border-bottom: 2px solid var(--color-secondary);
  transition: var(--transition-base);
}

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

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

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

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

.eb3437 {
  text-align: center;
  max-width: 600px;
}

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

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

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

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

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

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

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

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

.p19 {
  display: inline-block;
  color: var(--color-secondary);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  padding: 0.5rem 0;
  border-bottom: 2px solid var(--color-secondary);
  transition: var(--transition-base);
}

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

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

@media (min-width: 1440px) {
  .ef4bd9 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

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

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

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

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

.p66c47f {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

.lf82ba {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-primary);
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-sm);
}

.l58f {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.ne946 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0;
  font-weight: 400;
}

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

  .ib4e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

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

  .c137f85 {
    height: 240px;
  }
}

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

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

.defe4b {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.i982dc5 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 400;
}

.ge76bc {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

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

.h892d {
  position: relative;
  padding: var(--spacing-lg) 0 var(--spacing-2xl) 0;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.pe846 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

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

.lf5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

@media (min-width: 768px) {
  .h892d {
    padding: var(--spacing-2xl) 0 var(--spacing-3xl) 0;
  }

  .id55 {
    max-height: 350px;
    margin-top: var(--spacing-xl);
  }
}

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

  .id55 {
    max-height: 400px;
  }
}

.p8f0d82 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

.kaea2b {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.o89f9ca {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.cd3a7 {
  width: 50px;
  height: 50px;
  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);
}

.d3245 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw + 0.3rem, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.k0d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  flex-grow: 1;
}

.k7bb52 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-top: var(--spacing-md);
}

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

  .kaea2b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

  .k7bb52 {
    height: 220px;
  }
}

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

  .k7bb52 {
    height: 240px;
  }
}

.g766d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

.ncb5e {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

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

.af1ab {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.n6b {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.n6b:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.n6b:active {
  transform: scale(0.98);
}

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

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

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

.h26 .o33ac {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h26 .p972f7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.h26 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.h26 .h99 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.h26 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.h26 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.h26 ul {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

.h26 ul li {
  margin-bottom: var(--spacing-sm);
}

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

.h26 .i5f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.h26 .i5f h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.h26 .i5f p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.h26 .o632e9e {
  margin-bottom: var(--spacing-md);
  display: flex;
  flex-direction: column;
}

.h26 .o632e9e strong {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: var(--spacing-xs);
}

.h26 .o632e9e span {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

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

  .h26 .o632e9e {
    flex-direction: row;
    align-items: baseline;
  }

  .h26 .o632e9e strong {
    display: inline;
    margin-right: var(--spacing-md);
    margin-bottom: 0;
    min-width: 80px;
  }
}

@media (min-width: 1024px) {
  .h26 .p972f7 {
    padding: var(--spacing-3xl) 0;
  }
}

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

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.gf11d0b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
  overflow: hidden;
}

.p71808 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o33ac {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.f1a {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.i33 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-full);
  color: var(--color-success);
  flex-shrink: 0;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.i33 svg {
  width: 100%;
  height: 100%;
  display: block;
}

.f1a h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-top: var(--spacing-md);
}

.f1a .n216 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  margin: 0;
}

.mfff {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin: 0;
  max-width: 500px;
}

.d10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  min-height: 44px;
  gap: var(--spacing-sm);
}

.pac69b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  margin-top: var(--spacing-md);
}

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

.pac69b:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.pac69b:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
  .gf11d0b5 {
    padding: var(--spacing-lg);
  }

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

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

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

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

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

  .i33 {
    animation: scaleIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .d10 {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: clamp(1rem, 1.2vw + 0.5rem, 1.15rem);
  }
}

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

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

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

@media (prefers-reduced-motion: reduce) {
  .i33 {
    animation: none;
  }

  .d10 {
    transition: none;
  }

  .pac69b:hover {
    transform: none;
  }

  .pac69b:active {
    transform: none;
  }
}

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

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

.fc4a5 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.pc306 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.o33ac {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.icc54d {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.k779f0c {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
}

.f23 {
  width: 100%;
  max-width: 220px;
  height: 220px;
  display: flex; flex-direction: column;
}

.o539fe {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08));
  animation: float-animation 3.5s ease-in-out infinite;
}

@keyframes float-animation {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

.p7df81 {
  font-size: clamp(3.5rem, 12vw, 5.5rem);
  font-family: var(--font-heading);
  font-weight: 800;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
  line-height: 1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.a780b {
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

.m9264b {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  font-weight: 500;
}

.ia072 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
}

.d10 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  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;
}

.pac69b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.pac69b:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
}

.pac69b:active {
  transform: translateY(0px);
}

.d62e6e {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  margin-bottom: var(--spacing-2xl);
}

.hd661 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.o212c0ff {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
}

.b7c {
  font-size: clamp(2rem, 4vw, 2.5rem);
  line-height: 1;
  animation: bounce-animation 2.5s ease-in-out infinite;
}

.o212c0ff:nth-child(2) .b7c {
  animation-delay: 0.2s;
}

.o212c0ff:nth-child(3) .b7c {
  animation-delay: 0.4s;
}

@keyframes bounce-animation {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

.h4d {
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.5;
}

@media (min-width: 480px) {
  .pc306 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

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

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

  .k779f0c {
    margin-bottom: var(--spacing-3xl);
    height: 260px;
  }

  .f23 {
    max-width: 260px;
    height: 260px;
  }

  .hd661 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
    padding-top: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .pc306 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .k779f0c {
    margin-bottom: var(--spacing-3xl);
    height: 280px;
  }

  .f23 {
    max-width: 280px;
    height: 280px;
  }

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .o539fe,
  .b7c {
    animation: none;
  }

  .pac69b:hover {
    transform: none;
  }
}

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

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

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

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

.n8f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
}

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

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

.pa0eb5 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.m02 {
  flex: 1 1 100%;
  min-width: 0;
}

.jb5593 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .m02 {
    flex: 1 1 45%;
    min-width: 0;
  }

  .jb5593 {
    flex: 1 1 45%;
    min-width: 0;
  }
}

.i6c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.2;
}

.n2f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.2;
}

.fda2d9f {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.bef1472 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.h3209a5 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.gb3ac2ea,
.m5dd {
  font-family: var(--font-primary);
  width: 100%;
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.gb3ac2ea::placeholder,
.m5dd::placeholder {
  color: var(--color-text-muted);
}

.gb3ac2ea:focus,
.m5dd: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);
}

.m5dd {
  min-height: clamp(120px, 25vw, 180px);
  resize: vertical;
}

.ec0b011 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.85rem);
  color: var(--color-danger);
  display: none;
  margin-top: -0.25rem;
}

.ec0b011.m84 {
  display: block;
}

.j4a {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.l10 {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.hc7e68 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  cursor: pointer;
  flex: 1;
}

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

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

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

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

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

.m688:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

.e5cf {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.k6c {
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.pc178 {
  flex: 1;
}

.mbe7c3a {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.o61006a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.ke53 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-lg);
}

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

.f2e52 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

.e4e98e4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ae6339a1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: flex;
  align-items: center;
}

.ae6339a1::before {
  content: '→';
  margin-right: var(--spacing-sm);
  font-weight: 600;
}

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

@media (max-width: 767px) {
  .ke151 {
    padding: 2rem var(--spacing-md);
  }

  .k5d16 {
    padding: 2rem var(--spacing-md);
  }

  .pa0eb5 {
    gap: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ke151 {
    padding: 3rem var(--spacing-md);
  }

  .k5d16 {
    padding: 3.5rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .ke151 {
    padding: 4rem var(--spacing-md);
  }

  .k5d16 {
    padding: 5rem var(--spacing-md);
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
input,textarea,select{max-width:100%;box-sizing:border-box;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.o9898,.n0bb729{width:34px;}
.o9898[aria-expanded="true"]{display:none;}
.a2f5c.h6093{z-index:999;}
.a2f5c{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.a2f5c{max-width:100%;}}
.ae4{justify-content:flex-end;}