body {
  font-family: "Pretendard", "Manrope", sans-serif;
  letter-spacing: -0.025em;
}
.glass-effect {
  backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.8);
}
.timeline-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background: #e2e8f0;
  z-index: 0;
}
.dark .timeline-line {
  background: #1e293b;
}
.timeline-dot {
  position: relative;
  z-index: 10;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #135bec;
  border: 4px solid #fff;
}
.dark .timeline-dot {
  border-color: #101622;
}
.dark .glass-effect {
  background-color: rgba(16, 22, 34, 0.85);
}
.card-shadow {
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.1);
}
.bg-navy-deep\/70 {
  background-color: rgb(16 22 34 / 0.7);
}
.bg-navy-deep {
  --tw-bg-opacity: 1;
  background-color: rgb(16 22 34 / var(--tw-bg-opacity, 1));
}
  .mobile-menu-open {
    overflow: hidden;
  }