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

:root {
  --color-bg-primary: #111827;
  --color-bg-secondary: #1f2937;
  --color-bg-tertiary: #374151;
  --color-bg-card: #1f2937;

  --color-text-primary: #ffffff;
  --color-text-secondary: #9ca3af;
  --color-text-muted: #90959f;

  --color-primary: #06b6d4;
  --color-primary-hover: #0891b2;
  --color-primary-light: #22d3ee;
  --color-secondary: #22d3ee;
  --color-secondary-light: #67e8f9;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #374151;
  --color-border-light: #1f2937;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

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

  --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.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

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

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

html {
  scroll-behavior: smooth;
}

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

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: 3rem;
  letter-spacing: -0.02em;
}

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

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

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

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

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

.o0cbf5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

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

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

.f0bc {
  background: rgba(6, 182, 212, 0.15);
  color: var(--color-primary);
}

.g3f9ceb3 {
  background: rgba(16, 185, 129, 0.15);
  color: var(--color-success);
}

.p96 {
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-warning);
}

.b57a48 {
  background: rgba(239, 68, 68, 0.15);
  color: var(--color-danger);
}

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

.hd51 {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}

.hd51 h2 {
  margin-bottom: var(--spacing-md);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hd51 p {
  font-size: 1.125rem;
  max-width: 600px;
  margin: 0 auto;
  color: var(--color-text-secondary);
}

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

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

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

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

.d6a {
  display: flex;
  gap: var(--spacing-md);
}

.g49e8d {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
}

.k3c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
}

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

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

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

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

.b970e7 {
  text-align: center;
}

.oa8b3ca {
  text-align: right;
}

.kc8 { margin-top: var(--spacing-xs); }
.nb18 { margin-top: var(--spacing-sm); }
.g85629 { margin-top: var(--spacing-md); }
.p49e9 { margin-top: var(--spacing-lg); }
.eeac9 { margin-top: var(--spacing-xl); }
.ja71cfb { margin-top: var(--spacing-2xl); }
.g98 { margin-top: var(--spacing-3xl); }

.nfb9e357 { margin-bottom: var(--spacing-xs); }
.hdeac { margin-bottom: var(--spacing-sm); }
.me13b { margin-bottom: var(--spacing-md); }
.j31 { margin-bottom: var(--spacing-lg); }
.c5c4 { margin-bottom: var(--spacing-xl); }
.of4 { margin-bottom: var(--spacing-2xl); }
.f72 { margin-bottom: var(--spacing-3xl); }

.b5aaf29 { padding: 0 var(--spacing-md); }
.n01c731 { padding: 0 var(--spacing-lg); }
.e674 { padding: 0 var(--spacing-xl); }

.a16b424 { padding: var(--spacing-md) 0; }
.jad2 { padding: var(--spacing-lg) 0; }
.c963 { padding: var(--spacing-xl) 0; }

.pad { opacity: 0.5; }
.h1dc5 { opacity: 0.75; }

.ja05b25 { border-radius: var(--radius-sm); }
.f7cf7 { border-radius: var(--radius-md); }
.d9dd { border-radius: var(--radius-lg); }
.af6d1e78 { border-radius: var(--radius-xl); }
.c7bf0d { border-radius: var(--radius-full); }

.e06 { box-shadow: var(--shadow-sm); }
.ae45df9b { box-shadow: var(--shadow-md); }
.k09539f { box-shadow: var(--shadow-lg); }
.g03ea { box-shadow: var(--shadow-xl); }

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

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

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

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

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

  .o0cbf5 {
    width: 100%;
  }

  .d6a {
    flex-direction: column;
  }

  .g49e8d {
    flex-direction: column;
    align-items: flex-start;
  }
}
.f73b8 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

.j7648c53 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 3vw, 2rem);
  height: clamp(60px, 8vw, 80px);
}

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

.n77ee:hover {
  opacity: 0.8;
}

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

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

.g86aed9c {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
}

.o02 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

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

.e1d52 {
  display: none;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.75rem;
  border-radius: 0.5rem;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: background var(--transition-base), transform var(--transition-base);
  flex-shrink: 0;
}

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

.j87 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
}

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

.j87.m428b span:nth-child(1) {
  transform: rotate(45deg) translateY(11px);
}

.j87.m428b span:nth-child(2) {
  opacity: 0;
}

.j87.m428b span:nth-child(3) {
  transform: rotate(-45deg) translateY(-11px);
}

.ocbc738 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.ocbc738.m428b {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.nab64 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

.mb56d {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center;
  margin-top: auto;
  transition: background var(--transition-base), transform var(--transition-base);
}

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

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

  .ocbc738 {
    display: none;
  }

  .g86aed9c {
    display: flex;
  }

  .e1d52 {
    display: block;
  }
}

@media (max-width: 767px) {
  .g86aed9c {
    display: none;
  }

  .e1d52 {
    display: none;
  }
}

    

.e97fc {
  font-family: var(--font-primary);
}

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

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

.l55 {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(6, 182, 212, 0) 60%), var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

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

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

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

.hc386e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

.fb6 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.o0cbf5 {
  padding: 0.75rem 1.75rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}

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

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

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

.c394c6a8:hover {
  background: rgba(6, 182, 212, 0.1);
}

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

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

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

.bee5 {
  flex: 1 1 45%;
}

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

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

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

.d2d07 {
  flex: 1 1 45%;
}

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

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

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

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

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

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

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

.o568 {
  text-align: center;
}

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

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

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

.pde8 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  position: relative;
  padding-left: clamp(2rem, 3vw, 2.5rem);
}

.pde8.gf21 {
  border-left-color: var(--color-secondary);
  opacity: 0.8;
}

.nd4373 {
  position: absolute;
  left: -12px;
  top: 1.5rem;
  width: 24px;
  height: 24px;
  background: var(--color-accent);
  border-radius: 50%;
  border: 3px solid var(--color-bg-primary);
}

.pde8.gf21 .nd4373 {
  background: var(--color-secondary);
}

.le83a77 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  font-family: var(--font-heading);
}

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

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

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

.p6dda8b5 {
  text-align: center;
}

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

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

.da3cdc4d {
  flex: 1 1 300px;
  max-width: 400px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  border-top: 4px solid var(--color-accent);
}

.eacbcc {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  font-family: var(--font-heading);
}

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

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

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

.ha9e7 {
  text-align: center;
}

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

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

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

.kdfba7 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: stretch;
}

.pc785 {
  flex: 1 1 300px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: rgba(239, 68, 68, 0.1);
  border-radius: 12px;
  border-left: 4px solid var(--color-danger);
}

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

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

.la120c9b {
  flex: 1 1 300px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: rgba(16, 185, 129, 0.1);
  border-radius: 12px;
  border-left: 4px solid var(--color-success);
}

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

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

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

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

.b641e608 {
  text-align: center;
}

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

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

.p9295 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 900px;
  margin: 0 auto;
}

.b83ac19 {
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
}

.b83ac19[open] {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
}

.n6ba30b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  user-select: none;
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  list-style: none;
}

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

.n6ba30b i {
  color: var(--color-accent);
  transition: transform var(--transition-fast);
  font-size: 1rem;
}

.b83ac19[open] .n6ba30b i {
  transform: rotate(180deg);
}

.n99771 {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  line-height: 1.7;
}

.n99771 p {
  margin: 0;
}

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

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

.d90 {
  max-width: 600px;
  padding: clamp(2rem, 4vw, 3rem);
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(6, 182, 212, 0.05) 100%);
  border-radius: 16px;
  border: 2px solid var(--color-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.kdf {
  text-align: center;
}

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

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

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

.j40b6 {
  flex: 1 1 280px;
  max-width: 350px;
  aspect-ratio: 1 / 1;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  group: gallery-item;
}

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

.j40b6:hover .k71e63d3 {
  transform: scale(1.08);
}

.g0859 {
  position: absolute;
  inset: 0;
  background: rgba(6, 182, 212, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--transition-base);
}

.j40b6:hover .g0859 {
  opacity: 1;
}

.na9 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: #000000;
  font-weight: 700;
  margin: 0;
  text-align: center;
  font-family: var(--font-heading);
}

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

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

.g3be3e {
  text-align: center;
}

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

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

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

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

.p3c1:hover {
  border-color: var(--color-accent);
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(6, 182, 212, 0.15);
}

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

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

.ae1 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
  font-family: var(--font-heading);
}

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

.kbaeb4 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  transition: all var(--transition-fast);
  align-self: flex-start;
}

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

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

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

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

.h4e2a4 {
  max-width: 700px;
  padding: clamp(2.5rem, 4vw, 3.5rem);
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.1) 0%, rgba(6, 182, 212, 0.05) 100%);
  border-radius: 16px;
  border: 2px solid var(--color-accent);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

.m63b.b4f {
  display: none;
}

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

.h757ea8 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex: 0 1 auto;
}

.if35b,
.j368 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  transition: all var(--transition-fast);
}

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

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

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

.j368:hover {
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

@media (max-width: 768px) {
  .a44d5,
  .jb484a64,
  .kdfba7 {
    flex-direction: column;
  }

  .bee5,
  .d2d07,
  .g8a,
  .k4358631 {
    flex: 1 1 100%;
  }

  .pc785,
  .la120c9b {
    flex: 1 1 100%;
  }

  .p9295 {
    max-width: 100%;
  }

  .m1c71 {
    flex-direction: column;
  }

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

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

  .p3c1 {
    flex: 1 1 100%;
  }

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

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

  .h757ea8 {
    flex: 1 1 100%;
    justify-content: stretch;
  }

  .if35b,
  .j368 {
    flex: 1;
  }
}

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

  .hc386e .o0cbf5 {
    width: 100%;
  }

  .o40 {
    flex-direction: column;
  }

  .da3cdc4d {
    flex: 1 1 100%;
  }

  .m1c71 {
    gap: 1rem;
  }

  .j40b6 {
    flex: 1 1 100%;
  }

  .n2c23e8 {
    gap: 1rem;
  }

  .f54bea6e {
    padding: 1rem;
  }
}

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

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

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

.a0b {
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.l2c2e5,
.lcbe0be,
.j850b0 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.l2c2e5 h3,
.lcbe0be h3,
.j850b0 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.5px;
}

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

.if9 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base), text-decoration var(--transition-base);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.jbd {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pb891 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .ea172 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 5vw, 3rem);
    grid-template-areas:
      "about about"
      "nav contact"
      "legal legal"
      "bottom bottom";
  }

  .a0b {
    grid-area: about;
  }

  .l2c2e5 {
    grid-area: nav;
  }

  .lcbe0be {
    grid-area: contact;
  }

  .j850b0 {
    grid-area: legal;
  }

  .jd121 {
    grid-area: bottom;
  }
}

@media (min-width: 1024px) {
  .ea172 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(2rem, 4vw, 2.5rem);
    grid-template-areas:
      "about nav contact legal"
      "bottom bottom bottom bottom";
  }

  .a0b {
    grid-area: about;
    border-bottom: none;
    padding-bottom: 0;
  }

  .l2c2e5 {
    grid-area: nav;
  }

  .lcbe0be {
    grid-area: contact;
  }

  .j850b0 {
    grid-area: legal;
  }

  .jd121 {
    grid-area: bottom;
  }

  .pb9efda,
  .n0d5 {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  .ea172 {
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 3rem;
  }
}
    

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

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

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

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

.gdef66::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--color-accent) 0%, transparent 70%);
  opacity: 0.1;
  pointer-events: none;
}

.pf1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
  position: relative;
  z-index: 1;
}

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

.b1490f {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

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

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

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

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

.f19c50ba:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);
}

.l7fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  color: var(--color-bg-primary);
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}

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

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

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

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

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

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

.k7ae {
  flex: 1 1 clamp(300px, 100%, 900px);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-bg-tertiary);
  display: flex;
  flex-direction: row;
  transition: all 0.3s ease;
}

.k7ae:hover {
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(6, 182, 212, 0.2);
}

.dde {
  flex: 0 0 clamp(250px, 30%, 320px);
  overflow: hidden;
}

.dde img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
  display: block;
}

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

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

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

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

.l6c8e6,
.h0e63a,
.c3a5 {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.l6c8e6 i,
.h0e63a i,
.c3a5 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

  .dde {
    flex: 0 0 auto;
    min-height: 250px;
  }

  .b5ec0a {
    flex: 1 1 auto;
    min-height: auto;
  }

  .o847a {
    gap: 1rem;
  }

  .gdef66::before {
    width: 250px;
    height: 250px;
  }

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

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

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

@media (min-width: 1024px) {
  .k7ae {
    flex: 1 1 100%;
  }

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

.c0d6 {
  width: 100%;
  overflow: hidden;
  position: relative;
}

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

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

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

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

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

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

.e8c0 {
  background: var(--color-bg-secondary);
  border-radius: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

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

.dd9 {
  flex: 1 1 45%;
  min-width: 0;
}

.c8e5b {
  flex: 1 1 45%;
  min-width: 0;
  border-radius: 1rem;
  overflow: hidden;
  max-height: 400px;
}

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

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

.ad726 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
}

.d67 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
}

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

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

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

  .dd9,
  .c8e5b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c8e5b {
    max-height: 300px;
  }

  .d67 {
    gap: 1rem;
  }
}

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

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

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

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

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

.kb89da {
  position: fixed;
  left: clamp(1rem, 3vw, 2rem);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(200px, 18vw, 280px);
  z-index: 40;
}

.bafc74 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m4f11a2 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  object-fit: cover;
  border: 3px solid var(--color-accent);
  display: block;
}

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

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

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

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

.if9a {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 1024px) {
  .kb89da {
    position: static;
    width: 100%;
    transform: none;
    margin: 0 0 2rem 0;
  }

  .bafc74 {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto;
    gap: 1rem;
    text-align: left;
  }

  .m4f11a2 {
    grid-row: 1 / 4;
    margin: 0;
    width: 80px;
    height: 80px;
  }

  .g4061 {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
  }

  .ca58a {
    grid-column: 2;
    grid-row: 2;
  }

  .if9a {
    grid-column: 2;
    grid-row: 3;
  }
}

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

.d52f,
.l07 {
  background: var(--color-bg-secondary);
}

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

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

.ld2 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 1rem;
  overflow: hidden;
  min-height: 300px;
}

.ld2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 1rem;
}

.p7bd {
  font-size: clamp(2rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  opacity: 0.2;
  margin: 0;
  line-height: 1;
}

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

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

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

.pd9 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .ff95,
  .ld2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ld2 {
    min-height: 250px;
  }
}

.i83f4e {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0 0 0;
}

.j30a2 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: 1.25rem;
  border-radius: 0.5rem;
}

.ee9836 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-accent);
  margin: 0 0 0.5rem 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.bc953 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

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

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

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

.m97814ec {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.m97814ec:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

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

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

.m97814ec:hover .i33 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

.k4dc4 {
    direction: rtl;
  }

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

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

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

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

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

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

  .g65c672 {
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 4vw, 3rem);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
  }

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

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

  .kf3e2cd {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    font-weight: 600;
    width: fit-content;
  }

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

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

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

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

  .j23537b9 i {
    color: var(--color-accent);
    font-size: 1em;
  }

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

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

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

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

  .ld3 {
    flex: 0 0 280px;
    position: sticky;
    top: 2rem;
    height: fit-content;
  }

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

  .gcd4 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    display: block;
    margin: 0 auto;
  }

  .ec4a {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw, 1.125rem);
    font-weight: 700;
    margin: 0;
  }

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

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

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

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

  .a70 {
    flex: 1 1 calc(100% - 280px - 2rem);
    min-width: 0;
  }

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

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

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

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

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

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

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

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

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

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

  .p557cbc {
    flex: 0 0 80px;
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 700;
    color: var(--color-accent);
    line-height: 1;
    text-align: center;
  }

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

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

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

  .f0a {
    color: var(--color-accent);
    font-size: clamp(0.9375rem, 1.5vw, 1rem);
    font-weight: 700;
    margin: 0.5rem 0 0.5rem 0;
  }

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

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

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

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

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

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

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

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

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

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

  .dc7 {
    color: var(--color-accent);
    font-size: clamp(0.9375rem, 1.5vw, 1rem);
    font-weight: 700;
    margin: 0.5rem 0 0.5rem 0;
  }

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

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

  .o6c li:before {
    content: "→";
    position: absolute;
    right: 0;
    color: var(--color-accent);
    font-weight: bold;
  }

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

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

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

  .m09b4 {
    flex: 0 0 80px;
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1;
    text-align: center;
  }

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

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

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

  .oc7 {
    color: var(--color-secondary);
    font-size: clamp(0.9375rem, 1.5vw, 1rem);
    font-weight: 700;
    margin: 0.5rem 0 0.5rem 0;
  }

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

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

  .baa li:before {
    content: "✓";
    position: absolute;
    right: 0;
    color: var(--color-secondary);
    font-weight: bold;
  }

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

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

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

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

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

  .fadf8ad {
    color: var(--color-accent);
    font-size: clamp(0.9375rem, 1.5vw, 1rem);
    font-weight: 700;
    margin: 0.5rem 0 0.5rem 0;
  }

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

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

  .mb148e7f li:before {
    content: "→";
    position: absolute;
    right: 0;
    color: var(--color-accent);
    font-weight: bold;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .meff3029 {
    color: var(--color-text-secondary);
    font-size: clamp(0.9375rem, 1.5vw, 1rem);
    text-align: center;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .p7cc4:hover .c53 {
    transform: scale(1.05);
  }

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

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

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

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

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

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

    .ld3 {
      flex: 1 1 100%;
      position: relative;
      top: auto;
    }

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

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

    .m4959ef2,
    .la8 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .g97 {
      flex-direction: column;
    }

    .fa5043,
    .n8f19 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

    .d57,
    .d6d8a7 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .d1861 {
      flex-direction: column;
    }

    .i87a991d,
    .nd42591 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .e345fd,
    .a0cba {
      flex-direction: column;
    }

    .p557cbc,
    .m09b4 {
      flex: 1 1 100%;
    }

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

  @media (max-width: 768px) {
    .ld3 {
      display: none;
    }

    .oe7f64e {
      gap: 0;
    }

    .a70 {
      flex: 1 1 100%;
    }

    .dcc {
      flex-direction: column;
    }

    .b9b8 {
      flex: 1 1 100%;
      text-align: center;
    }

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

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

    .a7d0093 {
      font-size: 0.75rem;
    }

    .e345fd,
    .a0cba {
      gap: 1rem;
    }

    .p557cbc,
    .m09b4 {
      flex: 0 0 60px;
      font-size: 2rem;
    }
  }

.lc6341e0 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Source Sans 3', sans-serif;
  direction: rtl;
}

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

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

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

.a014 {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.a014 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

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

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

.l3aac22b {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 1.25rem;
  padding: clamp(2rem, 5vw, 3rem);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

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

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

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

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

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

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

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

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

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

  .cecdd9,
  .i39af {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

  .c82b,
  .p6fda9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.a6300a:nth-child(4) {
  background: var(--color-bg-tertiary);
}

.a6300a:nth-child(6) {
  background: var(--color-bg-primary);
}

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

.ifc {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: clamp(3rem, 10vw, 6rem);
  font-weight: 700;
  color: var(--color-accent);
  opacity: 0.15;
  line-height: 1;
  pointer-events: none;
}

.n34015f {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  position: relative;
  z-index: 1;
}

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

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

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

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

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

.md6c2d51 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  margin: clamp(1.5rem, 2vw, 2rem) 0;
  background: rgba(6, 182, 212, 0.05);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 0.75rem;
  border-right: 3px solid var(--color-accent);
}

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

.bd4ec57 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  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: 0.875rem;
}

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

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

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

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

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

  .i305a,
  .g6bf07c5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ifc {
    position: relative;
    top: 0;
    margin-bottom: 1rem;
    opacity: 0.2;
  }

  .e46 {
    gap: 1rem;
  }
}

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

.l957687 {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: rgba(34, 211, 238, 0.05);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.75rem;
  border-right: 3px solid var(--color-secondary);
}

.he4c8308 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: 1.25rem;
}

.g82e2 {
  flex: 1;
}

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

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

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

  .he4c8308 {
    margin-top: 0.25rem;
  }
}

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

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

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

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

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

.i2c90 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

.i2c90:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(6, 182, 212, 0.3);
}

@media (max-width: 768px) {
  .kfd213 {
    text-align: center;
  }
}

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

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

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

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

.ef2eb {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.ef2eb:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
  border-color: var(--color-accent);
}

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

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

.ef2eb:hover .f3358 img {
  transform: scale(1.05);
}

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

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

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

.i5d67 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color 0.3s ease;
  align-self: flex-start;
}

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

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

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

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

.n4c6beb {
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
  width: 100%;
  max-width: 280px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

@media (max-width: 1024px) {
  .n4c6beb {
    position: static;
    max-width: 100%;
    margin: 0 auto clamp(2rem, 4vw, 3rem);
  }
}

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

.lf72e3c {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

.oeed34 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

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

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

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

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

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

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

  .p5693e8 {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
    text-align: right;
  }

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

  .oeed34 {
    text-align: right;
  }
}

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

  .oeed34 {
    text-align: center;
  }
}

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

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

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

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

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

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

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

.kaf6f {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

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

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

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

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

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

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

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

.l88968 i {
  color: var(--color-accent);
  font-size: 1em;
}

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

@media (max-width: 768px) {
  .ac74 {
    flex-direction: column;
  }
  
  .l69,
  .hc20 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.o0a4c3 {
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

.n7f i {
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

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

.k882 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.kc6549 {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

.a1625,
.o77744,
.l9d6a {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

.e086371 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 150px;
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.f2639 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
}

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

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

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

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

@media (max-width: 768px) {
  .e72cb22 {
    flex-direction: column;
  }
  
  .pabb8,
  .e171a {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .o23d4b3 {
    flex-direction: column;
  }
  
  .e086371 {
    flex: 1 1 100%;
  }
  
  .k882 {
    flex-direction: column;
    gap: 0.5rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.h6129 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  counter-reset: step-counter;
}

.l8391c0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  padding-left: 2rem;
  position: relative;
  counter-increment: step-counter;
}

.l8391c0::before {
  content: counter(step-counter);
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
}

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

.h7fe5 {
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.e9fcee {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

.kc8221f8 {
  max-width: 400px;
}

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

.mbdc7a2 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

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

.nf638a {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.i21 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 400px;
  background: 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;
}

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

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

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

.i21:hover .he31fa {
  transform: scale(1.05);
}

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

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

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

.l9d207 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

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

@media (max-width: 768px) {
  .i21 {
    flex: 1 1 100%;
  }
  
  .de4ff {
    flex-direction: column;
    gap: 1rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

.de3 {
  width: 100%;
}

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

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

.l59c9 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  max-width: 800px;
}

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

.mbf86 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 10px 40px rgba(30, 41, 59, 0.1);
}

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

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

.pb8a {
  text-align: center;
}

.ffcb6cac {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
}

.e196cae2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

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

.pbfc {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

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

.m1a05d {
  text-align: center;
}

.n15c6d9 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.cfe151 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 8px;
  flex: 1 1 clamp(250px, 45%, 380px);
  min-height: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.cfe151:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 35px rgba(6, 182, 212, 0.15);
  border-color: var(--color-accent);
}

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

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

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

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

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

.a2526f {
  text-align: center;
}

.nba9 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
}

.b299 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

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

.pf85 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: clamp(60px, 10vw, 100px);
  font-family: var(--font-heading);
}

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

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

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

.a645c3 {
  width: 100%;
  max-width: 550px;
  height: auto;
  margin: 2rem auto 0;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 8px 32px rgba(30, 41, 59, 0.1);
}

.hfa {
  background: var(--color-accent-light);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

.p817753 {
  margin-top: 1.5rem;
}

.pf6 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.1rem) clamp(1.75rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

  .p5e168 {
    flex-direction: row;
    gap: clamp(2.5rem, 4vw, 3.5rem);
  }
}

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

  .cfe151 {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 2vw, 2.5rem));
  }
}

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

  .pf85 {
    font-size: 2rem;
    min-width: 50px;
  }
}

.d89 {
  width: 100%;
}

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

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

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

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

.fca3e1 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-accent);
}

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

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

.b485 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
}

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

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

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

.bbf154 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.kc316 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-accent);
}

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

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

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

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

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

.k7554 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cf4798 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-accent);
}

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

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

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

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

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

.o41 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-text-on-accent);
}

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

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

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

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

.o8f6b54b {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.a57 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.fc7e {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.f23 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-accent);
}

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

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

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

.p833 {
  flex: 1 1 calc(33.333% - clamp(2rem, 4vw, 3rem));
  min-width: 150px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.md908 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

.j5ce {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

.l635b {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

@media (max-width: 767px) {
  .b485 {
    min-height: 250px;
    max-height: 350px;
  }

  .p4531 {
    flex: 1 1 100%;
  }

  .id14a {
    flex-direction: column;
  }

  .j5ce,
  .l635b {
    width: 100%;
  }
}

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

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

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

.d5d27 {
  max-width: 600px;
  margin: 0 auto;
}

.fc8dbf8 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.k3a84109 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.je31a {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.i5bf8 {
  max-width: 700px;
  margin: 0 auto;
}

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

.g5b7 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

.g5b7:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.c5e4 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  text-align: right;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

.c5e4:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.k4743c {
  flex: 1;
}

.ec2d3834 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.g5b7.m428b .ec2d3834 {
  transform: rotate(45deg);
}

.i817fc1 {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  animation: slideDown var(--transition-base) ease-out;
}

.i817fc1 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
    padding-top: var(--spacing-lg);
  }
}

.p7fc {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.db7 {
  max-width: 500px;
  margin: 0 auto;
}

.c5750 {
  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-md) 0;
  line-height: 1.3;
}

.ma68bfd6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.cc6d {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-primary);
  transition: background-color var(--transition-base), color var(--transition-base);
  cursor: pointer;
}

.cc6d:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.cc6d:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

  .je31a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .c5e4 {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }

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

  .p7fc {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ic0a8b3d {
    padding: var(--spacing-4xl) 0;
  }

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

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

.laedf {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  direction: rtl;
  text-align: right;
}

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

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

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

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

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

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

.k42 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin: 0;
}

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

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

.nab00 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.pa2be {
  width: 60px;
  height: 60px;
  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.75rem;
  flex-shrink: 0;
}

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

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

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

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

@media (min-width: 768px) {
  .je911a3 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }
}

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

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

.g59c5e {
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.f01d04 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.25rem, 1.05rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  max-width: fit-content;
  box-shadow: var(--shadow-sm);
}

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

.ce1 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

  .o11bf6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .j48 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g858ea {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .o11bf6 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .j48 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

.ead .d456 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ead .b38 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ead 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;
}

.ead 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);
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--color-border-light);
}

.ead p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

.ead li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.ead .ef3d7b80 {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.ead .da708f42 {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  padding: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}

.ead .da708f42 h2 {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-border-light);
  margin-top: 0;
}

.ead .da708f42 p {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  margin-bottom: var(--spacing-sm);
}

.ead .da708f42 strong {
  color: var(--color-primary);
  font-weight: 600;
}

.ead .b703a64 {
  margin-bottom: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .ead .b38 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ead .b38 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

.m18854 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.d456 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b38 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.b599 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl) var(--spacing-md);
}

.cb49f {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.b13 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s ease-out;
}

.b13 i {
  font-size: clamp(32px, 8vw, 64px);
  color: var(--color-success);
}

.l92fb67d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  margin: var(--spacing-md) 0;
}

.cf715a {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-primary);
  margin: var(--spacing-md) 0;
}

.k48eb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-lg) 0;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.g53fcf {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 var(--spacing-xl) 0;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.o0cbf5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
  gap: var(--spacing-xs);
}

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

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

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

.pff {
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(2rem, 5vw, 3rem);
  margin-top: var(--spacing-md);
}

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media (min-width: 480px) {
  .m18854 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .b599 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-xl);
  }

  .l92fb67d {
    margin: var(--spacing-lg) 0;
  }

  .cf715a {
    margin: var(--spacing-lg) 0;
  }
}

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

  .b599 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }

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

  .l92fb67d {
    margin: var(--spacing-xl) 0;
  }

  .cf715a {
    margin: var(--spacing-lg) 0;
  }

  .k48eb {
    margin: var(--spacing-xl) 0;
  }

  .g53fcf {
    margin: var(--spacing-lg) 0 var(--spacing-2xl) 0;
  }
}

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

  .b599 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
    gap: var(--spacing-2xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .b13 {
    animation: none;
  }

  .f105823:hover {
    transform: none;
  }

  .f105823:active {
    transform: none;
  }
}

.c33a {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.d456 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

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

.f9fc10 {
  text-align: center;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.e47309ca {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.nb69 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
  flex-wrap: wrap;
  animation: errorBounce 3s ease-in-out infinite;
}

.o1c767 {
  font-size: clamp(3rem, 12vw, 6rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  letter-spacing: -0.02em;
}

.i079 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  background-color: var(--color-success);
  border-radius: 50%;
  position: relative;
  box-shadow: var(--shadow-lg);
  animation: tennisBallSpin 2s linear infinite, tennisBallFloat 3s ease-in-out infinite;
}

.i079::before,
.i079::after {
  content: '';
  position: absolute;
  background-color: var(--color-bg-primary);
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.i079::after {
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ed2fa3 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.d6dee {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-family: var(--font-heading);
}

.h4dc54 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.p41c100 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.o0cbf5 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  text-align: center;
  min-width: 200px;
}

.f105823 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.f105823:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.df501da3 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: var(--spacing-lg) var(--spacing-xl);
  border-radius: var(--radius-md);
  max-width: 600px;
  margin: 0 auto;
}

.d5e02c9e {
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: var(--spacing-xs);
  font-family: var(--font-heading);
}

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

@keyframes errorBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes tennisBallSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes tennisBallFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

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

  .e47309ca {
    min-height: 250px;
    margin-bottom: var(--spacing-4xl);
  }

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

  .o0cbf5 {
    min-width: 240px;
  }

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

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

  .e47309ca {
    min-height: 300px;
    margin-bottom: var(--spacing-4xl);
  }

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

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

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

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

.gfe5b {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.pb6e {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: right;
}

.mcca6e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -0.02em;
}

.b8a {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
}

@media (min-width: 768px) {
  .gfe5b {
    padding: 5rem 2rem;
  }

  .pb6e {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .gfe5b {
    padding: 6rem 2rem;
  }
}

.f5e0 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.ia45e9 {
  width: 100%;
}

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

.b4855 {
  width: 100%;
}

.ib3 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem 1.5rem;
  box-shadow: var(--shadow-sm);
}

.b944 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 1.5rem;
  text-align: right;
}

.peb2b1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

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

.l0a48 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-align: right;
}

.acceefb0,
.adaa90e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: var(--transition-base);
  text-align: right;
  direction: rtl;
}

.acceefb0::placeholder,
.adaa90e::placeholder {
  color: var(--color-text-muted);
}

.acceefb0:focus,
.adaa90e:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-secondary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.adaa90e {
  min-height: 140px;
  resize: vertical;
}

.p34 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: 0.5rem;
}

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

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

.p3697841 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin-top: 0.5rem;
  line-height: 1.5;
}

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

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

.lb3a5 {
  width: 100%;
}

.p43 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem 1.5rem;
  box-shadow: var(--shadow-sm);
}

.c8456c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 1.5rem;
  text-align: right;
}

.d2d207b8 {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  margin-bottom: 1.5rem;
  align-items: flex-start;
}

.l07eb3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.l07eb3 i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

.k37 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: right;
}

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

.p57 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-accent);
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
}

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

.l080b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.m93803 {
  height: 1px;
  background-color: var(--color-border-light);
  margin: 1.5rem 0;
}

.mfd74d {
  margin-bottom: 1.5rem;
}

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

.hdf {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 0.5rem;
  text-align: right;
}

.h1b43 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  text-align: right;
}

@media (min-width: 768px) {
  .f5e0 {
    padding: 4rem 2rem;
  }

  .d1f5cd4a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .ib3,
  .p43 {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .f5e0 {
    padding: 5rem 2rem;
  }

  .d1f5cd4a {
    gap: 4rem;
  }
}

.hb193 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.p44 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -0.01em;
}

.e462cc2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

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

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

@media (min-width: 768px) {
  .hb193 {
    padding: 4rem 2rem;
  }

  .d6417 {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .hb193 {
    padding: 5rem 2rem;
  }
}

@media (max-width: 767px) {
  .ib3,
  .p43 {
    padding: 1.5rem;
  }

  .b944,
  .c8456c4 {
    margin-bottom: 1.25rem;
  }

  .peb2b1 {
    gap: 1rem;
  }

  .d2d207b8 {
    margin-bottom: 1.25rem;
  }

  .p34 {
    padding: 0.875rem 1.5rem;
  }
}

@media (max-width: 480px) {
  .gfe5b {
    padding: 2rem 1rem;
  }

  .f5e0 {
    padding: 2rem 1rem;
  }

  .ib3,
  .p43 {
    padding: 1.25rem;
    border-radius: var(--radius-md);
  }

  .acceefb0,
  .adaa90e {
    padding: 0.75rem 0.875rem;
  }

  .hb193 {
    padding: 2rem 1rem;
  }

  .d791b259 {
    width: 100%;
    margin: 0.5rem 0 0;
  }
}
.j87,.ca7c3{
  width: 34px;
}

/* FIX:nav .g86aed9c */
.g86aed9c{
  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;
}

.ocbc738{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ocbc738{
    max-width: 100%;
  }
}

/* FIX:zindex .ocbc738.m428b */
.ocbc738.m428b{
  z-index: 999;
}

/* FIX:navpad .oa7 */
.oa7{
  padding-top: 50px;
}

/* FIX:toggle-expand .j87 */
.j87[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .l8d90b {
    aspect-ratio: 6 / 9;
  }
}