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

:root {
  --color-bg-primary: #0f0d18;
  --color-bg-secondary: #1a172a;
  --color-bg-tertiary: #26223d;
  --color-bg-card: #1a172a;

  --color-text-primary: #ffffff;
  --color-text-secondary: #c7b5f7;
  --color-text-muted: #9b84e8;

  --color-primary: #f97066;
  --color-primary-hover: #e64d42;
  --color-primary-light: #fbb5ad;
  --color-secondary: #fca5a5;
  --color-secondary-light: #fdd0d0;

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

  --color-border: #3d3859;
  --color-border-light: #2d2a41;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Poppins', 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;
  --spacing-4xl: 6rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.55);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.65);

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

  font-size: 16px;
  line-height: 1.6;

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

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

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

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

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.875rem;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 2.25rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.875rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
}

p {
  font-size: 1rem;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

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

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

button,
.p4c0705b {
  font-family: var(--font-primary);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  text-decoration: none;
}

.f6f {
  background: var(--color-primary);
  color: #ffffff;
}

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

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

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

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

.efe590:hover {
  background: rgba(249, 112, 102, 0.1);
  border-color: var(--color-primary-hover);
}

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

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

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

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

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

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

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

.ecc9 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.j37ecc2 {
  background: rgba(249, 112, 102, 0.15);
  color: var(--color-primary);
}

.a97 {
  background: rgba(252, 165, 165, 0.15);
  color: var(--color-secondary);
}

.a0ee {
  background: rgba(110, 231, 183, 0.15);
  color: var(--color-success);
}

.l45ab {
  background: rgba(251, 191, 36, 0.15);
  color: var(--color-warning);
}

.e54 {
  background: rgba(248, 113, 113, 0.15);
  color: var(--color-danger);
}

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

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

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

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

.f1e {
  padding: var(--spacing-4xl) 0;
}

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

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

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

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

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

.n1bb8 {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h762 {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

.b7a {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.g1900 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

.lc8edb25 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.p7058 {
  border-radius: var(--radius-sm);
}

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

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

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

.fd8d {
  border-radius: var(--radius-full);
}

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

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

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

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

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

.i4be {
  opacity: 0.5;
}

.c94 {
  opacity: 0.75;
}

.c83b9 {
  opacity: 0.9;
}

.na46ba {
  transition: all var(--transition-fast);
}

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

.ae8459 {
  transition: all var(--transition-slow);
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.625rem;
  }

  h4 {
    font-size: 1.375rem;
  }

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

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

  .k5d1c,
  .j5336,
  .c69e85 {
    grid-template-columns: 1fr;
  }
}

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

  h1 {
    font-size: 1.875rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  p {
    font-size: 0.9375rem;
  }

  button,
  .p4c0705b {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.9375rem;
  }

  .f1e {
    padding: var(--spacing-2xl) 0;
  }
}
.ha9 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  overflow: visible;
}

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

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

.j31b:hover {
  opacity: 0.85;
}

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

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

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

.pb7bb3 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.bfe93ff:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.gc67a0a7:hover {
  opacity: 0.7;
}

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

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

.o97.ocf0 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.l204f7 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  position: sticky;
  top: 0;
  background: var(--color-bg-primary);
}

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

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

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

.e06457c {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o2aae99 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem clamp(1rem, 4vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  display: block;
  margin: 1rem;
  border-radius: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .hdd33fe4 {
    display: flex;
  }

  .bfe93ff {
    display: block;
  }

  .gc67a0a7 {
    display: none;
  }

  .o97 {
    display: none;
  }
}

@media (max-width: 767px) {
  .ma6bffd0 {
    min-height: 65px;
  }

  body.ob3a80 {
    overflow: hidden;
  }
}

    

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

html, body {
  font-family: 'DM Sans', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  direction: rtl;
  text-align: right;
}

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

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

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

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

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

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

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

.m7e6b8ad {
  position: relative;
  aspect-ratio: 16 / 9;
  max-height: 500px;
  overflow: hidden;
  border-radius: 12px;
  margin: clamp(2rem, 3vw, 3rem) auto;
}

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

.e657 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 13, 24, 0.5);
}

.b696d2f8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
  width: 90%;
  max-width: 700px;
}

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

.a974cc {
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.j43df3 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

.e3edc72 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-text-primary);
  border: 2px solid var(--color-text-secondary);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

.e3edc72:hover {
  background: var(--color-text-secondary);
  color: var(--color-bg-primary);
}

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

.i99 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.n874 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 16px;
  text-align: center;
  max-width: 600px;
  border: 1px solid var(--color-bg-tertiary);
  box-shadow: 0 4px 20px rgba(249, 112, 102, 0.15);
}

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

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

.l9b4 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

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

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

.bd3 {
  text-align: center;
}

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

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

.h074f {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1rem, 3vw, 2rem);
}

.p38957 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-bg-tertiary);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.pcb27e1 {
  grid-row: span 2;
}

.p38957:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(249, 112, 102, 0.2);
}

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

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

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

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

  .pcb27e1 {
    grid-row: span 1;
  }
}

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

.h759a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.he2e55 {
  background: var(--color-bg-card);
  padding: clamp(2.5rem, 4vw, 4rem);
  border-radius: 16px;
  text-align: center;
  max-width: 700px;
  border-left: 4px solid var(--color-accent);
  position: relative;
}

.a45ba {
  font-size: clamp(2.5rem, 5vw, 4rem);
  color: var(--color-accent);
  opacity: 0.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.l014a8a6 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.9;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-style: italic;
}

.lb684 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.mf3 {
  display: inline-block;
  padding: 0.625rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
}

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

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

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

.f3be9 {
  text-align: center;
}

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

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

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

.cf20 {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  text-align: center;
  border: 1px solid var(--color-bg-tertiary);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.cf20:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(249, 112, 102, 0.15);
}

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

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

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

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

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

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

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

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

.m272 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-right: 3px solid var(--color-accent);
  padding-right: clamp(1.5rem, 3vw, 2rem);
}

.k1264 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 80px;
}

.a6b {
  flex: 1;
}

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

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

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

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

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

.occ71be {
  position: relative;
  z-index: 2;
}

.e099 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 16px;
  text-align: center;
  border: 2px solid var(--color-accent);
  min-width: 300px;
}

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

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

.lf5 {
  display: inline-block;
  padding: 0.625rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
}

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

.f7b8539 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: clamp(1rem, 2vw, 2rem);
  width: 100%;
  max-width: 800px;
}

.d68 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  text-align: center;
  border: 1px solid var(--color-bg-tertiary);
  transition: all 0.3s ease;
}

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

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

.m47d {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

.fb37ea1 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 16px;
  text-align: center;
  max-width: 600px;
  border: 2px dotted var(--color-accent);
}

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

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

.k2800b1 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

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

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

.o47a3e {
  flex: 1 1 45%;
  min-height: 300px;
}

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

.cb63a6d {
  flex: 1 1 45%;
}

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

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

.p82543cb {
  border: 1px solid var(--color-bg-tertiary);
  border-radius: 8px;
  overflow: hidden;
}

.fa609 {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

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

.ec4b1d5b {
  text-align: right;
  flex: 1;
}

.i697 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  transition: transform 0.3s ease;
}

.fa609.ocf0 .i697 {
  transform: rotate(180deg);
}

.l8f {
  background: var(--color-bg-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-bg-tertiary);
}

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

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

  .o47a3e {
    flex: 1 1 100%;
  }

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

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

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

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

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

.bf2be {
  width: 100%;
  max-height: 400px;
  border-radius: 12px;
  overflow: hidden;
}

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

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

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

.pfa25e {
  text-align: center;
}

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

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

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

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

.a199:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(249, 112, 102, 0.2);
}

.o31 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.a199:hover .de9 {
  transform: scale(1.05);
}

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

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

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

.na00b8 {
  display: inline-block;
  padding: 0.5rem 1rem;
  color: var(--color-accent);
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  margin-top: auto;
}

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

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

.oc84 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

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

.d56.jf7af2 {
  display: none;
}

.h6a {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  max-width: 500px;
  line-height: 1.6;
}

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

.ed7 {
  padding: 0.5rem clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  transition: all 0.3s ease;
}

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

.cf780b3 {
  padding: 0.5rem clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-text-secondary);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  transition: all 0.3s ease;
}

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

@media (max-width: 768px) {
  .m7e6b8ad {
    max-height: 350px;
  }

  .pce44 {
    flex-direction: column;
  }

  .o47a3e {
    flex: 1 1 100%;
  }

  .cb63a6d {
    flex: 1 1 100%;
  }

  .d56 {
    flex-direction: column;
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .h6a {
    order: 1;
  }

  .kde {
    order: 2;
    width: 100%;
    justify-content: center;
  }
}

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

  .j43df3,
  .e3edc72 {
    width: 100%;
  }

  .m272 {
    flex-direction: column;
    border-right: none;
    border-bottom: 3px solid var(--color-accent);
    padding-bottom: clamp(1rem, 2vw, 1.5rem);
    padding-right: 0;
  }

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

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

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

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

.b23771 {
  max-width: 90%;
}

.b23771 h3,
.n80a55 h3,
.l33c h3,
.c6ca1a7e h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

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

.if50c {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: color var(--transition-fast);
  display: inline-block;
}

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

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

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

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

.d82 {
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.d82 p {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .b23771 {
    flex: 1 1 clamp(200px, 30%, 400px);
  }

  .n80a55 {
    flex: 1 1 clamp(150px, 20%, 250px);
  }

  .l33c {
    flex: 1 1 clamp(150px, 25%, 280px);
  }

  .c6ca1a7e {
    flex: 1 1 clamp(150px, 20%, 250px);
  }

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

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

  .b23771 {
    flex: 1.2;
  }

  .n80a55 {
    flex: 0.9;
  }

  .l33c {
    flex: 1;
  }

  .c6ca1a7e {
    flex: 0.9;
  }

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

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

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

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

.i57549 {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.i57549 span:last-child {
  color: var(--color-accent);
  font-weight: 500;
}

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

.g833af {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m1067fe3 {
  text-align: center;
}

.i6560 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oa80 {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mdd {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  flex: 1 1 clamp(300px, 45%, 500px);
  min-height: auto;
  transition: all 0.3s ease;
  border: 1px solid rgba(249, 112, 102, 0.15);
}

.mdd:hover {
  transform: translateY(-6px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 30px rgba(249, 112, 102, 0.2);
}

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

.c9657f98 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.mdd:hover .c9657f98 {
  transform: scale(1.05);
}

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

.n2e6 {
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p1a7 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  border-top: 1px solid rgba(199, 181, 247, 0.2);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
}

.n58a1e,
.b800d50,
.pc8d {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.n58a1e i,
.b800d50 i,
.pc8d i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
}

.k192265 {
  align-self: flex-start;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: clamp(0.6rem, 1.5vw, 0.8rem) clamp(1.2rem, 2vw, 1.6rem);
  border-radius: 6px;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  cursor: pointer;
}

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

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

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

.ifaedee {
  position: relative;
  max-width: 700px;
  text-align: center;
}

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

.efd1 {
  display: block;
  margin-bottom: clamp(0.5rem, 1.5vw, 1rem);
  text-align: left;
}

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

.f8f3c1c {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l46 {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-accent);
  margin-top: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 600;
}

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

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

  .pce {
    flex-direction: column;
  }

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

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

  .pce {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

  .k192265 {
    margin-top: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mdd,
  .c9657f98,
  .k192265 {
    transition: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.j2401176 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  line-height: 1.6;
  max-width: 70%;
}

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

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

.md9 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

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

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

.l252d {
  flex: 1 1 30%;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

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

.i1bd6:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(249, 112, 102, 0.15);
}

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

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

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

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

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

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

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

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

.m3993 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-weight: 600;
  font-size: 1rem;
  font-family: var(--font-heading);
}

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

.j3e {
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
}

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

.d746 {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-card) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.d746 .of7fdf {
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.b1d87a {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  margin: 0;
}

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

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

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

.hab1 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

.eea7f7 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: var(--transition-base);
  height: 100%;
}

.eea7f7:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(249, 112, 102, 0.2);
  transform: translateY(-4px);
}

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

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

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

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

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

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

  .m69bd1 {
    flex: 1 1 100%;
  }

  .l252d {
    flex: 1 1 100%;
    position: static;
  }

  .ab260a {
    flex-direction: column;
  }

  .g80c {
    flex: 1 1 100%;
  }

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

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

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

  .j99b98 {
    font-size: 0.8125rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m52 strong {
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

.jc5 {
  list-style: decimal;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oa2f3 {
  flex-shrink: 0;
}

.oa2f3 img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  display: block;
  object-fit: cover;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.ibfc75 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

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

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

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

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

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

.j122b {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  transition: var(--transition-base);
}

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

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

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

.j122b:hover .a45 img {
  transform: scale(1.05);
}

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

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

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

.h84 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  align-self: flex-start;
}

.h84:hover {
  color: var(--color-accent-hover);
  gap: 1rem;
}

.h84:after {
  content: '→';
  transition: var(--transition-base);
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .c807,
  .c77,
  .a2af196,
  .f46,
  .l13e7c0 {
    flex-direction: column;
  }

  .p344,
  .kcb810,
  .ia82,
  .n4d7a1,
  .o228a,
  .m7fe24,
  .k684,
  .h06e51,
  .k6751f,
  .p45d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .hf90 {
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .kd77c {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
    max-width: 100%;
  }

  .p419d {
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .j122b {
    flex: 1 1 100%;
    min-width: 200px;
    max-width: 100%;
  }

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

  .oa2f3 img {
    width: 100px;
    height: 100px;
  }

  .mc5ffad4 {
    flex-direction: column;
  }

  .e64e0 {
    align-self: flex-start;
  }
}

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

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

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

  .j122b {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

* {
  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);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

.k0094e {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 90%;
  line-height: 1.5;
}

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

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

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

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

.j4d2aa9 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

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

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

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

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

.pa6 {
  background: rgba(249, 112, 102, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  margin-top: 1rem;
}

.c3ed88b3 {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.c3ed88b3 strong {
  color: var(--color-accent);
}

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

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

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

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

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

.ja8787e4 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-left: 0;
  margin-top: 0.5rem;
}

.ja8787e4 li {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

.a86d {
  background: rgba(249, 112, 102, 0.1);
  border: 1px solid rgba(249, 112, 102, 0.3);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  margin-top: 0.5rem;
}

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

.o105 {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.b0840d {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.m58 {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.h8f {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.g09,
.h235a956 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j3a {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 50px;
  text-align: center;
}

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

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

.i5e00b9 {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

.j68cf {
  flex: 0 0 auto;
  min-width: 120px;
}

.g56 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

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

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

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

.ca4e7 {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 500;
}

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

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

.p9188d {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 90%;
}

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

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

.j979f {
  background: rgba(249, 112, 102, 0.15);
  border: 2px solid var(--color-accent);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  margin-top: 1rem;
}

.g373 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

.g5187e {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  display: inline-block;
  transition: all var(--transition-base);
}

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

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

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

.o96d71 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

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

.g177 {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

.gae6 {
  overflow: hidden;
  height: 200px;
}

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

.g177:hover .oc33a {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1023px) {
  .l737b,
  .na31c,
  .a85306,
  .d8fc45ab,
  .ed917e1 {
    flex-direction: column;
  }

  .k09f2,
  .cfa4f,
  .d7fe,
  .k91c8f,
  .b6220b,
  .a591d,
  .k646,
  .d2daffeb {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k91c8f {
    order: 0;
  }

  .b0840d,
  .i6eb8a,
  .g177 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 240px;
  }
}

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

  .l0821 {
    font-size: 1.75rem;
  }

  .k0094e {
    font-size: 0.95rem;
    max-width: 100%;
  }

  .d3a0e {
    gap: 1rem;
    flex-wrap: wrap;
  }

  .b0840d,
  .i6eb8a,
  .g177 {
    flex: 1 1 100%;
    min-width: auto;
  }

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

  .j3a {
    min-width: auto;
    text-align: left;
  }

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

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

  .h78b82 {
    max-height: 300px;
  }

  .a528 {
    max-height: 250px;
  }

  .nf8f8 {
    gap: 1rem;
  }

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

  .pa1edf {
    gap: 1rem;
  }

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

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

  .gbbac6 {
    font-size: 0.8125rem;
  }

  .ja8787e4 li {
    padding-left: 1.25rem;
    font-size: 0.9rem;
  }

  .m08920 {
    padding: 1rem;
  }

  .b0840d,
  .i6eb8a {
    padding: 1.25rem;
  }

  .ed917e1 {
    padding: 1.25rem;
  }

  .gae6 {
    height: 150px;
  }

  .c7caca {
    padding: 1rem;
  }
}

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

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

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

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

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

a {
  transition: var(--transition-base);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

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

.b0e a {
  color: var(--color-text-secondary);
  text-decoration: none;
}

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

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

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

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

.md444 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  font-weight: 400;
}

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

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

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

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

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

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

.oe1e499 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.h4cd50c img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

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

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

.j6d {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.l6a4b {
  background: rgba(249, 112, 102, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

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

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

.m08 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

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

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

.dba {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.b7562::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25rem;
}

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

.j14e9 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

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

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

.m0b3 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

.h43 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.ocdb07 {
  background: rgba(249, 112, 102, 0.08);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

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

.j78a7dd {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  align-items: flex-start;
}

.na417e2 {
  min-width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  flex-shrink: 0;
}

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

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

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

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

.jcd0 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.c93b17ac {
  background: rgba(249, 112, 102, 0.12);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

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

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

.eb2e0 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

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

.g46e37e2 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
}

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

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

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

.adf3430 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  width: fit-content;
  text-align: center;
}

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

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

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

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

.ed8c45 {
  width: 120px;
  height: 120px;
  min-width: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

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

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

.b854 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
}

.b854 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

.h4245fa {
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

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

.b47b0f {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  background: rgba(249, 112, 102, 0.05);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
}

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

.c938 {
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: 1.7;
}

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

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

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

.f31ae {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  text-align: center;
}

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

.of5 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.of5:hover .n6c2f img {
  transform: scale(1.05);
}

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

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

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

.f2b439 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  transition: var(--transition-base);
  margin-top: auto;
}

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

@media (max-width: 1024px) {
  .ge5035,
  .c6a,
  .pfbbac,
  .c16c3,
  .n5f98ec0 {
    flex-direction: column;
  }

  .f02cc,
  .h4cd50c,
  .efe3,
  .m08,
  .i691,
  .j14e9,
  .p3137f,
  .m0b3,
  .n03d796,
  .eb2e0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .ed8c45 {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }

  .i565be1 {
    flex-direction: column;
  }

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

  .b0e {
    font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  }

  .n3b88 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }
}

@media (max-width: 480px) {
  .ff7a8dd0 {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .d1f1 {
    font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  }

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

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

html, body {
  width: 100%;
  height: 100%;
}

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

.a50 {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: 'DM Sans', sans-serif;
  color: var(--color-text-primary);
}

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

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

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

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

.p9e83 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

.oa3 {
  flex: 1 1 45%;
  min-width: 280px;
}

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

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

.hd3 {
  flex: 1 1 45%;
  min-width: 280px;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
  max-height: 450px;
}

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

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

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

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

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

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

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

.dfbd98af:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(249, 112, 102, 0.15);
}

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

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

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

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

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

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

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

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

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

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

.beb7a0 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: rgba(249, 112, 102, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
  margin-top: 0.25rem;
}

.o795e7 {
  flex: 1;
}

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

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

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

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

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

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

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

.a7bd {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
  margin: 0 auto;
}

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

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

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

.c89 {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

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

.d67dbd {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.9375rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  margin: 0;
}

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

  .oa3,
  .hd3 {
    flex: 1 1 100%;
  }

  .dfbd98af {
    flex: 1 1 100%;
  }

  .jc0b {
    gap: 1.25rem;
  }

  .beb7a0 {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}

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

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

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

html, body {
  width: 100%;
}

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);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.j5f1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  text-align: center;
  max-width: 600px;
}

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

.n6235 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.2;
}

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

.h05 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  cursor: pointer;
  align-self: center;
}

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

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

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

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

  .j5f1 {
    flex: 1;
    text-align: left;
    max-width: none;
  }

  .h05 {
    align-self: flex-start;
  }

  .j000 {
    flex: 1;
  }
}

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

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

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

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

.c2015b {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

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

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

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

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

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

.e1fdbc96 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.f1a0a {
  color: var(--color-text-muted);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
}

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

@media (min-width: 768px) {
  .oee {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: clamp(1.75rem, 3vw, 2.5rem);
  }
}

.f71 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

.n7947f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

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

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

.pc82777a {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  font-family: var(--font-heading);
  min-width: clamp(3rem, 8vw, 4rem);
  text-align: center;
}

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

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

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

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

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

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

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

.of6 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.b59b85 {
  color: var(--color-text-muted);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
}

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

@media (min-width: 768px) {
  .gb3fed {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(1.75rem, 3vw, 2.5rem);
  }
}

.hfbc {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
}

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

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

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

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

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

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

.ee217 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  text-align: center;
}

.o67293e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  text-align: center;
}

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

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

.c01c {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: clamp(2.5rem, 5vw, 4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  max-width: 600px;
  width: 100%;
}

.oeb8c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 800;
}

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

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

@media (min-width: 768px) {
  .baba {
    flex-direction: row;
    justify-content: center;
  }
}

.o4adc {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  cursor: pointer;
  min-width: 180px;
  text-align: center;
}

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

.a7a78bdc {
  display: inline-block;
  background: transparent;
  color: var(--color-accent);
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(2rem, 4vw, 3rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  cursor: pointer;
  min-width: 180px;
  text-align: center;
}

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

@media (max-width: 480px) {
  .m008 {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .ldac {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .oee {
    gap: clamp(1.25rem, 2vw, 1.5rem);
  }

  .baba {
    width: 100%;
  }

  .o4adc,
  .a7a78bdc {
    min-width: auto;
    width: 100%;
  }
}

.pe3a {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

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

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

@media (min-width: 1024px) {
  .n2fd2 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

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

.e0a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.dc6174 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

@media (min-width: 1024px) {
  .l36 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.ma827 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

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

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

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

.la41ce5a {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

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

.lac39 {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
  flex-grow: 1;
}

.l8574 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: var(--transition-fast);
  padding: var(--spacing-xs) 0;
  border-bottom: 2px solid transparent;
}

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

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

  .la41ce5a {
    width: 70px;
    height: 70px;
    font-size: 2rem;
  }
}

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

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

.p43 {
  text-align: center;
}

.k0e01d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.cc7 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ef7b34da {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
}

.ef7b34da:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.l5554e98 {
  display: none;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.l5554e98 img {
  width: 100%;
  height: auto;
  display: block;
}

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

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

  .p43 {
    text-align: right;
  }

  .l5554e98 {
    display: block;
  }
}

@media (min-width: 1024px) {
  .a821 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

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

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

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

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

  .e1f21 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .n9637c {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .e1f21 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-2xl);
  }
}

.c4752f {
  text-align: center;
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

.p77 {
  width: 50px;
  height: 50px;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--spacing-md);
  color: var(--color-success);
  font-size: 1.5rem;
}

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

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

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

  .p77 {
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
  }
}

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

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

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

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

.ke4471 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.mf9a6d {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin: 0;
}

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

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

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

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

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

.da0c6 {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: 0.5px;
}

.n7dd1 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.ffc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

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

.c7d13226 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

.jc88e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.fb0e0 {
  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, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

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

  .o670c5e {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .mf9a6d {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .p683 {
    height: 240px;
  }

  .nf2b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ea3 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .mf9a6d {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .p683 {
    height: 260px;
  }

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

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

.g49 main {
  width: 100%;
}

.g49 .n0f93c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g49 .d8593 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.g49 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.g49 .de420715 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.g49 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.g49 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.g49 ul,
.g49 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

.g49 .o2ba {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.g49 .o2ba h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.g49 .o2ba p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.g49 .ccf6be2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-md);
}

.g49 .bc3cbaf {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

.g49 .ffd7aba {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  direction: ltr;
  unicode-bidi: embed;
}

@media (min-width: 768px) {
  .g49 .d8593 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .g49 .d8593 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

html {
  scroll-behavior: smooth;
}

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

.e2ba {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.n0f93c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.ae673e1 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.d01f40 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-xl);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.d01f40 i {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-success);
}

.d4778c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.h00a86 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
}

.o6e2f {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
}

.d11 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  font-weight: 500;
}

.p4c0705b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  font-family: var(--font-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
}

.f6f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.f6f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .b1a22 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .n0f93c {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .b1a22 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
  
  .n0f93c {
    padding: 0 var(--spacing-xl);
  }
  
  .ae673e1 {
    animation: fadeInUp 1s ease-out;
  }
  
  .d01f40 {
    margin-bottom: var(--spacing-2xl);
  }
  
  .d4778c {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b1a22 {
    padding: var(--spacing-4xl) 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

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

.d7ed {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.f58 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.m82c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

.gd7ae8 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.m81e {
  width: clamp(120px, 30vw, 220px);
  height: clamp(120px, 30vw, 220px);
  color: var(--color-primary);
  animation: horseGallop 2.5s ease-in-out infinite;
}

.m81e svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08));
}

.je72e7 {
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: var(--spacing-md) 0;
  animation: slideDown 0.7s ease-out 0.1s both;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.o1ec0 {
  margin: var(--spacing-lg) 0;
  animation: slideUp 0.7s ease-out 0.2s both;
}

.ad9c {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.p9f0767 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  font-family: var(--font-heading);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.i3d094d2 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  font-family: var(--font-primary);
}

.k98 {
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1.05rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  font-family: var(--font-primary);
}

.ec2db2 {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.2rem);
  color: var(--color-primary);
  margin-top: var(--spacing-lg);
  font-weight: 500;
  font-family: var(--font-primary);
  animation: bounce 2s ease-in-out infinite 0.3s;
}

.fd7a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-heading);
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-lg);
  animation: slideUp 0.7s ease-out 0.3s both;
  position: relative;
  overflow: hidden;
}

.fd7a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width var(--transition-base), height var(--transition-base);
}

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

.fd7a:hover::before {
  width: 300px;
  height: 300px;
}

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

.cf868cc {
  display: block;
}

.de96d7c {
  display: none;
  font-size: 0.85em;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes horseGallop {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  25% {
    transform: translateY(-8px) scale(1.02);
  }
  50% {
    transform: translateY(0) scale(1);
  }
  75% {
    transform: translateY(-6px) scale(1.01);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@media (max-width: 480px) {
  .d7ed {
    padding: var(--spacing-md);
  }

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

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

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

  .o1ec0 {
    margin: var(--spacing-md) 0;
  }

  .de96d7c {
    display: none;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .d7ed {
    padding: var(--spacing-xl);
  }

  .de96d7c {
    display: none;
  }
}

@media (min-width: 769px) {
  .f1a6 {
    min-height: 100vh;
  }

  .d7ed {
    min-height: 100vh;
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .fd7a {
    display: inline-flex;
    flex-direction: row;
  }

  .cf868cc {
    display: inline;
  }

  .de96d7c {
    display: inline;
    margin-left: var(--spacing-xs);
    font-weight: 400;
    opacity: 0.85;
  }
}

@media (prefers-reduced-motion: reduce) {
  .m82c,
  .je72e7,
  .o1ec0,
  .ec2db2,
  .fd7a,
  .m81e {
    animation: none !important;
    transition: none !important;
  }
}

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

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

.p449192d {
  text-align: center;
  padding: 0 var(--spacing-md);
}

.cd69 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.mfc6b5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 1024px) {
  .lca7 {
    padding: var(--spacing-4xl) 0;
  }
}

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

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

.k86 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}

@media (min-width: 1024px) {
  .k86 {
    flex-direction: row;
    gap: var(--spacing-4xl);
  }
}

.p41e {
  flex: 1 1 100%;
  width: 100%;
}

@media (min-width: 1024px) {
  .p41e {
    flex: 1 1 50%;
  }
}

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

.ecdf {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.i4e6058 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.gdbb1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ccc0fd2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i44f75 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.i3b94,
.hca {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.i3b94::placeholder,
.hca::placeholder {
  color: var(--color-text-muted);
}

.i3b94:focus,
.hca:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.i3b94:invalid:not(:placeholder-shown),
.hca:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.hca {
  resize: vertical;
  min-height: 140px;
  max-height: 300px;
}

.ie000 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

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

.b414fe2 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.f71ab583 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.f71ab583:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.f71ab583:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.e41 {
  flex: 1 1 100%;
  width: 100%;
}

@media (min-width: 1024px) {
  .e41 {
    flex: 1 1 50%;
  }
}

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

.a719dcd0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.j49edf75 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.m7c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.f385 {
  display: flex;
  gap: var(--spacing-lg);
}

.gaa6d555 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.oa919902 {
  flex: 1;
}

.b14c65c5 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.1vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.d6e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.05vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  font-weight: 600;
  word-break: break-word;
}

.ef68d1c1 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.g6aaea43 {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-border-light);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

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

.a3db9c2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.e365dcc2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.f879 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

@media (min-width: 1024px) {
  .n73f {
    padding: var(--spacing-4xl) 0;
  }
}

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

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

.f4280 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  text-align: center;
}

.f794e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  line-height: 1.7;
}

.o6bd9 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.c8c647 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.1vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.c8d0b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

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

@media (min-width: 1024px) {
  .ace {
    padding: var(--spacing-4xl) 0;
  }
}

@media (max-width: 767px) {
  .p41e,
  .e41 {
    width: 100%;
  }

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

@media (max-width: 480px) {
  .cd69 {
    margin-bottom: var(--spacing-md);
  }

  .ecdf,
  .a719dcd0 {
    margin-bottom: var(--spacing-md);
  }

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

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

  .gaa6d555 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }

  .g6aaea43 {
    padding: var(--spacing-lg);
  }
}
.gc67a0a7,.l63a{
  width: 34px;
}

/* FIX:nav .hdd33fe4 */
.hdd33fe4{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

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));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.o97{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .o97{
    max-width: 100%;
  }
}

/* FIX:zindex .o97.ocf0 */
.o97.ocf0{
  z-index: 999;
}

/* FIX:navpad .of87080 */
.of87080{
  padding-top: 50px;
}

/* FIX:toggle-expand .gc67a0a7 */
.gc67a0a7[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .m7e6b8ad {
    aspect-ratio: 6 / 9;
  }
  .c9657f98 {
    aspect-ratio: 6 / 9;
  }
}