.bg-primary-50 {
  background-color: var(--primary-50, #fef1f8) !important;
}

.bg-primary-100 {
  background-color: var(--primary-100, #fee5f3) !important;
}

.bg-primary-200 {
  background-color: var(--primary-200, #feccea) !important;
}

.bg-primary-300 {
  background-color: var(--primary-300, #ffa3d7) !important;
}

.bg-primary-400 {
  background-color: var(--primary-400, #ff69bb) !important;
}

.bg-primary-500 {
  background-color: var(--primary-500, #ff228e) !important;
}

.bg-primary-600 {
  background-color: var(--primary-600, #f0137e) !important;
}

.bg-primary-700 {
  background-color: var(--primary-700, #d30865) !important;
}

.bg-primary-800 {
  background-color: var(--primary-800, #ae0a53) !important;
}

.bg-primary-900 {
  background-color: var(--primary-900, #900d47) !important;
}

.bg-primary {
  background-color: var(--primary-600, #f0137e) !important;
}

.bg-secondary-50 {
  background-color: var(--secondary-50, #f4f6f9) !important;
}

.bg-secondary-100 {
  background-color: var(--secondary-100, #e8ebf1) !important;
}

.bg-secondary-200 {
  background-color: var(--secondary-200, #d1d7e3) !important;
}

.bg-secondary-300 {
  background-color: var(--secondary-300, #adb8cd) !important;
}

.bg-secondary-400 {
  background-color: var(--secondary-400, #8291b3) !important;
}

.bg-secondary-500 {
  background-color: var(--secondary-500, #63749b) !important;
}

.bg-secondary-600 {
  background-color: var(--secondary-600, #4e5c82) !important;
}

.bg-secondary-700 {
  background-color: var(--secondary-700, #3f4a6a) !important;
}

.bg-secondary-800 {
  background-color: var(--secondary-800, #243762) !important;
}

.bg-secondary-900 {
  background-color: var(--secondary-900, #1d2c4e) !important;
}

.bg-secondary {
  background-color: var(--secondary-800, #243762) !important;
}

.text-primary-50 {
  color: var(--primary-50, #fef1f8) !important;
}

.text-primary-100 {
  color: var(--primary-100, #fee5f3) !important;
}

.text-primary-200 {
  color: var(--primary-200, #feccea) !important;
}

.text-primary-300 {
  color: var(--primary-300, #ffa3d7) !important;
}

.text-primary-400 {
  color: var(--primary-400, #ff69bb) !important;
}

.text-primary-500 {
  color: var(--primary-500, #ff228e) !important;
}

.text-primary-600 {
  color: var(--primary-600, #f0137e) !important;
}

.text-primary-700 {
  color: var(--primary-700, #d30865) !important;
}

.text-primary-800 {
  color: var(--primary-800, #ae0a53) !important;
}

.text-primary-900 {
  color: var(--primary-900, #900d47) !important;
}

.text-primary {
  color: var(--primary-600, #f0137e) !important;
}

.text-secondary-50 {
  color: var(--secondary-50, #f4f6f9) !important;
}

.text-secondary-100 {
  color: var(--secondary-100, #e8ebf1) !important;
}

.text-secondary-200 {
  color: var(--secondary-200, #d1d7e3) !important;
}

.text-secondary-300 {
  color: var(--secondary-300, #adb8cd) !important;
}

.text-secondary-400 {
  color: var(--secondary-400, #8291b3) !important;
}

.text-secondary-500 {
  color: var(--secondary-500, #63749b) !important;
}

.text-secondary-600 {
  color: var(--secondary-600, #4e5c82) !important;
}

.text-secondary-700 {
  color: var(--secondary-700, #3f4a6a) !important;
}

.text-secondary-800 {
  color: var(--secondary-800, #243762) !important;
}

.text-secondary-900 {
  color: var(--secondary-900, #1d2c4e) !important;
}

.text-secondary {
  color: var(--secondary-800, #243762) !important;
}

.border-primary-50 {
  border-color: var(--primary-50, #fef1f8) !important;
}

.border-primary-100 {
  border-color: var(--primary-100, #fee5f3) !important;
}

.border-primary-200 {
  border-color: var(--primary-200, #feccea) !important;
}

.border-primary-300 {
  border-color: var(--primary-300, #ffa3d7) !important;
}

.border-primary-400 {
  border-color: var(--primary-400, #ff69bb) !important;
}

.border-primary-500 {
  border-color: var(--primary-500, #ff228e) !important;
}

.border-primary-600 {
  border-color: var(--primary-600, #f0137e) !important;
}

.border-primary-700 {
  border-color: var(--primary-700, #d30865) !important;
}

.border-primary-800 {
  border-color: var(--primary-800, #ae0a53) !important;
}

.border-primary-900 {
  border-color: var(--primary-900, #900d47) !important;
}

.border-primary {
  border-color: var(--primary-600, #f0137e) !important;
}

.border-secondary-50 {
  border-color: var(--secondary-50, #f4f6f9) !important;
}

.border-secondary-100 {
  border-color: var(--secondary-100, #e8ebf1) !important;
}

.border-secondary-200 {
  border-color: var(--secondary-200, #d1d7e3) !important;
}

.border-secondary-300 {
  border-color: var(--secondary-300, #adb8cd) !important;
}

.border-secondary-400 {
  border-color: var(--secondary-400, #8291b3) !important;
}

.border-secondary-500 {
  border-color: var(--secondary-500, #63749b) !important;
}

.border-secondary-600 {
  border-color: var(--secondary-600, #4e5c82) !important;
}

.border-secondary-700 {
  border-color: var(--secondary-700, #3f4a6a) !important;
}

.border-secondary-800 {
  border-color: var(--secondary-800, #243762) !important;
}

.border-secondary-900 {
  border-color: var(--secondary-900, #1d2c4e) !important;
}

.border-secondary {
  border-color: var(--secondary-800, #243762) !important;
}

.hover\:bg-primary-50:hover {
  background-color: var(--primary-50, #fef1f8) !important;
}

.hover\:bg-primary-100:hover {
  background-color: var(--primary-100, #fee5f3) !important;
}

.hover\:bg-primary-200:hover {
  background-color: var(--primary-200, #feccea) !important;
}

.hover\:bg-primary-300:hover {
  background-color: var(--primary-300, #ffa3d7) !important;
}

.hover\:bg-primary-400:hover {
  background-color: var(--primary-400, #ff69bb) !important;
}

.hover\:bg-primary-500:hover {
  background-color: var(--primary-500, #ff228e) !important;
}

.hover\:bg-primary-600:hover {
  background-color: var(--primary-600, #f0137e) !important;
}

.hover\:bg-primary-700:hover {
  background-color: var(--primary-700, #d30865) !important;
}

.hover\:bg-primary-800:hover {
  background-color: var(--primary-800, #ae0a53) !important;
}

.hover\:bg-primary-900:hover {
  background-color: var(--primary-900, #900d47) !important;
}

.hover\:bg-primary:hover {
  background-color: var(--primary-600, #f0137e) !important;
}

.hover\:bg-secondary-50:hover {
  background-color: var(--secondary-50, #f4f6f9) !important;
}

.hover\:bg-secondary-100:hover {
  background-color: var(--secondary-100, #e8ebf1) !important;
}

.hover\:bg-secondary-200:hover {
  background-color: var(--secondary-200, #d1d7e3) !important;
}

.hover\:bg-secondary-300:hover {
  background-color: var(--secondary-300, #adb8cd) !important;
}

.hover\:bg-secondary-400:hover {
  background-color: var(--secondary-400, #8291b3) !important;
}

.hover\:bg-secondary-500:hover {
  background-color: var(--secondary-500, #63749b) !important;
}

.hover\:bg-secondary-600:hover {
  background-color: var(--secondary-600, #4e5c82) !important;
}

.hover\:bg-secondary-700:hover {
  background-color: var(--secondary-700, #3f4a6a) !important;
}

.hover\:bg-secondary-800:hover {
  background-color: var(--secondary-800, #243762) !important;
}

.hover\:bg-secondary-900:hover {
  background-color: var(--secondary-900, #1d2c4e) !important;
}

.hover\:bg-secondary:hover {
  background-color: var(--secondary-800, #243762) !important;
}

.hover\:text-primary-50:hover {
  color: var(--primary-50, #fef1f8) !important;
}

.hover\:text-primary-100:hover {
  color: var(--primary-100, #fee5f3) !important;
}

.hover\:text-primary-200:hover {
  color: var(--primary-200, #feccea) !important;
}

.hover\:text-primary-300:hover {
  color: var(--primary-300, #ffa3d7) !important;
}

.hover\:text-primary-400:hover {
  color: var(--primary-400, #ff69bb) !important;
}

.hover\:text-primary-500:hover {
  color: var(--primary-500, #ff228e) !important;
}

.hover\:text-primary-600:hover {
  color: var(--primary-600, #f0137e) !important;
}

.hover\:text-primary-700:hover {
  color: var(--primary-700, #d30865) !important;
}

.hover\:text-primary-800:hover {
  color: var(--primary-800, #ae0a53) !important;
}

.hover\:text-primary-900:hover {
  color: var(--primary-900, #900d47) !important;
}

.hover\:text-primary:hover {
  color: var(--primary-600, #f0137e) !important;
}

.hover\:text-secondary-50:hover {
  color: var(--secondary-50, #f4f6f9) !important;
}

.hover\:text-secondary-100:hover {
  color: var(--secondary-100, #e8ebf1) !important;
}

.hover\:text-secondary-200:hover {
  color: var(--secondary-200, #d1d7e3) !important;
}

.hover\:text-secondary-300:hover {
  color: var(--secondary-300, #adb8cd) !important;
}

.hover\:text-secondary-400:hover {
  color: var(--secondary-400, #8291b3) !important;
}

.hover\:text-secondary-500:hover {
  color: var(--secondary-500, #63749b) !important;
}

.hover\:text-secondary-600:hover {
  color: var(--secondary-600, #4e5c82) !important;
}

.hover\:text-secondary-700:hover {
  color: var(--secondary-700, #3f4a6a) !important;
}

.hover\:text-secondary-800:hover {
  color: var(--secondary-800, #243762) !important;
}

.hover\:text-secondary-900:hover {
  color: var(--secondary-900, #1d2c4e) !important;
}

.hover\:text-secondary:hover {
  color: var(--secondary-800, #243762) !important;
}

.focus\:border-primary-600:focus {
  border-color: var(--primary-600, #f0137e) !important;
}

.focus\:border-primary-700:focus {
  border-color: var(--primary-700, #d30865) !important;
}

.focus\:border-primary:focus {
  border-color: var(--primary-600, #f0137e) !important;
}

.focus\:border-secondary-600:focus {
  border-color: var(--secondary-600, #4e5c82) !important;
}

.focus\:border-secondary-700:focus {
  border-color: var(--secondary-700, #3f4a6a) !important;
}

.focus\:border-secondary:focus {
  border-color: var(--secondary-800, #243762) !important;
}

.focus\:ring-primary:focus {
  --tw-ring-color: var(--primary-500, #ff228e) !important;
}

.focus\:ring-secondary:focus {
  --tw-ring-color: var(--secondary-500, #63749b) !important;
}

.faq__item {
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid #e5e7eb;
  overflow: hidden;
  transition: all 0.3s ease;
}
.faq__item:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-color: var(--primary-100, #fee5f3);
  transform: translateY(-2px);
}
.faq__button {
  width: 100%;
  padding: 1.5rem 1.5rem;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .faq__button {
    padding: 2rem 2rem;
  }
}
.faq__button:hover {
  background: linear-gradient(135deg, var(--primary-100, #fee5f3), rgba(59, 130, 246, 0.1));
}
.faq__button-content {
  display: flex;
  align-items: center;
  flex: 1;
}
.faq__icon {
  color: var(--primary-500, #ff228e);
  font-size: 1.25rem;
  margin-right: 0.75rem;
  transition: color 0.3s ease;
}
.faq__question {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  font-family: "Inter", sans-serif;
  transition: color 0.3s ease;
}
@media (min-width: 768px) {
  .faq__question {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .faq__question {
    font-size: 1.125rem;
  }
}
.faq__button:hover .faq__question {
  color: var(--primary-600, #f0137e);
}
.faq__arrow {
  color: #6b7280;
  font-size: 1.25rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq__button:hover .faq__arrow {
  color: var(--primary-500, #ff228e);
}
.faq__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 1.5rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .faq__content {
    padding: 0 2rem;
  }
}
.faq__content--open {
  max-height: 200px;
  opacity: 1;
  padding: 0 1.5rem 1rem 1.5rem;
}
@media (min-width: 768px) {
  .faq__content--open {
    padding: 0 2rem 1.25rem 2rem;
  }
}
.faq__answer {
  font-size: 0.75rem;
  color: #6b7280;
  font-family: "Inter", sans-serif;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .faq__answer {
    font-size: 0.875rem;
  }
}
@media (min-width: 1024px) {
  .faq__answer {
    font-size: 1rem;
  }
}

.gallery__item {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  transition: all 0.3s ease;
}
.gallery__item:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}
.gallery__image {
  width: 100%;
  height: 8rem;
  object-fit: cover;
  transition: transform 0.3s ease;
}
@media (min-width: 768px) {
  .gallery__image {
    height: 10rem;
  }
}
@media (min-width: 1024px) {
  .gallery__image {
    height: 12rem;
  }
}
.gallery__item:hover .gallery__image {
  transform: scale(1.05);
}
.gallery__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.gallery__item:hover .gallery__overlay {
  background: rgba(0, 0, 0, 0.3);
}
.gallery__icon {
  color: #ffffff;
  font-size: 3rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.gallery__item:hover .gallery__icon {
  opacity: 1;
}

.lightbox__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.lightbox__overlay--active {
  opacity: 1;
  visibility: visible;
}
.lightbox__content {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lightbox__image {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 0.5rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.lightbox__title {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1rem;
  text-align: center;
  max-width: 80%;
}
.lightbox__counter {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  margin-top: 0.5rem;
}
.lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}
.lightbox__nav:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-50%) scale(1.1);
}
.lightbox__nav--prev {
  left: 0.75rem;
}
.lightbox__nav--next {
  right: 0.75rem;
}
.lightbox__nav--hidden {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .lightbox__nav {
    width: 50px;
    height: 50px;
  }
  .lightbox__nav--prev {
    left: 1.25rem;
  }
  .lightbox__nav--next {
    right: 1.25rem;
  }
}
@media (max-width: 639px) {
  .lightbox__nav {
    width: 40px;
    height: 40px;
  }
  .lightbox__nav--prev {
    left: 0.75rem;
  }
  .lightbox__nav--next {
    right: 0.75rem;
  }
}
.lightbox__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #ffffff;
  width: 35px;
  height: 35px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}
.lightbox__close:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}
@media (min-width: 768px) {
  .lightbox__close {
    width: 40px;
    height: 40px;
    top: 1.25rem;
    right: 1.25rem;
  }
}
@media (max-width: 639px) {
  .lightbox__close {
    width: 35px;
    height: 35px;
    top: 1rem;
    right: 1rem;
  }
}

.single-post__prose {
  color: #111827;
  line-height: 1.75;
  font-family: "Inter", sans-serif;
}
.single-post__prose h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111827;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: "Inter", sans-serif;
}
@media (max-width: 639px) {
  .single-post__prose h2 {
    font-size: 1.25rem;
  }
}
.single-post__prose h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-family: "Inter", sans-serif;
}
@media (max-width: 639px) {
  .single-post__prose h3 {
    font-size: 1.125rem;
  }
}
.single-post__prose p {
  margin-bottom: 1.25rem;
  font-size: 1rem;
}
@media (max-width: 639px) {
  .single-post__prose p {
    font-size: 0.875rem;
  }
}
.single-post__prose ul, .single-post__prose ol {
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
}
.single-post__prose li {
  margin-bottom: 0.5rem;
}
.single-post__prose blockquote {
  border-left: 4px solid var(--primary-500, #ff228e);
  padding-left: 1rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: #6b7280;
}
.single-post__prose code {
  background-color: #f3f4f6;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
}
.single-post__prose pre {
  background-color: var(--secondary-800, #243762);
  color: #ffffff;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin: 1.5rem 0;
}
.single-post__prose pre code {
  background-color: transparent;
  padding: 0;
  color: inherit;
}
.single-post__prose img {
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin: 1.5rem 0;
}
.single-post__prose a {
  color: var(--primary-500, #ff228e);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.single-post__prose a:hover {
  color: var(--primary-600, #f0137e);
  text-decoration: underline;
}
.single-post__hero {
  background: #f9fafb;
  padding: 4rem 0;
}
@media (min-width: 1024px) {
  .single-post__hero {
    padding: 6rem 0;
  }
}
.single-post__content {
  padding: 4rem 0;
  background: #ffffff;
}
@media (min-width: 1024px) {
  .single-post__content {
    padding: 6rem 0;
  }
}
.single-post__featured-image {
  margin-bottom: 3rem;
}
.single-post__featured-image img {
  width: 100%;
  height: 16rem;
  object-fit: cover;
  border-radius: 1rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  .single-post__featured-image img {
    height: 20rem;
  }
}
@media (min-width: 1024px) {
  .single-post__featured-image img {
    height: 24rem;
  }
}
.single-post__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 2rem;
}
.single-post__meta .material-icons {
  font-size: 1rem;
  margin-right: 0.25rem;
}
.single-post__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1.5rem;
  font-family: "Poppins", sans-serif;
  text-align: center;
}
@media (min-width: 640px) {
  .single-post__title {
    font-size: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .single-post__title {
    font-size: 3rem;
  }
}
.single-post__excerpt {
  font-size: 1.125rem;
  color: #6b7280;
  max-width: 48rem;
  margin: 0 auto;
  font-family: "Inter", sans-serif;
  text-align: center;
}
.single-post__related {
  padding: 4rem 0;
  background: #f9fafb;
}
@media (min-width: 1024px) {
  .single-post__related {
    padding: 6rem 0;
  }
}
.single-post__related-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.75rem;
  font-family: "Poppins", sans-serif;
  text-align: center;
}
@media (min-width: 768px) {
  .single-post__related-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .single-post__related-title {
    font-size: 2.25rem;
  }
}
.single-post__related-description {
  font-size: 0.875rem;
  color: #6b7280;
  max-width: 32rem;
  margin: 0 auto 3rem;
  font-family: "Inter", sans-serif;
  text-align: center;
}
@media (min-width: 768px) {
  .single-post__related-description {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .single-post__related-description {
    font-size: 1.125rem;
  }
}

.error__container {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error__content {
  text-align: center;
  max-width: 600px;
  padding: 2rem;
}
.error__number {
  font-size: 8rem;
  font-weight: 900;
  color: var(--primary-500, #ff228e);
  line-height: 1;
  margin-bottom: 1rem;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 639px) {
  .error__number {
    font-size: 6rem;
  }
}
.error__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1rem;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 639px) {
  .error__title {
    font-size: 1.25rem;
  }
}
.error__description {
  font-size: 1.125rem;
  color: #6b7280;
  margin-bottom: 2rem;
  line-height: 1.6;
  font-family: "Inter", sans-serif;
}
@media (max-width: 639px) {
  .error__description {
    font-size: 1rem;
  }
}
.error__actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
@media (min-width: 640px) {
  .error__actions {
    flex-direction: row;
  }
}
.error__button-primary {
  background-color: var(--primary-500, #ff228e);
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter", sans-serif;
  border: none;
  cursor: pointer;
}
.error__button-primary:hover {
  background-color: var(--primary-600, #f0137e);
  transform: translateY(-1px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.error__button-primary .material-icons {
  font-size: 1.25rem;
}
.error__button-secondary {
  background-color: transparent;
  color: #6b7280;
  padding: 0.75rem 1.5rem;
  border: 2px solid #e5e7eb;
  border-radius: 0.5rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}
.error__button-secondary:hover {
  border-color: var(--primary-500, #ff228e);
  color: var(--primary-500, #ff228e);
}
.error__button-secondary .material-icons {
  font-size: 1.25rem;
}
.error__illustration {
  width: 300px;
  height: 300px;
  margin: 0 auto 2rem;
  background: linear-gradient(135deg, var(--primary-500, #ff228e), var(--primary-600, #f0137e));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
@media (max-width: 639px) {
  .error__illustration {
    width: 250px;
    height: 250px;
  }
}
.error__illustration::before {
  content: "404";
  font-size: 4rem;
  font-weight: 900;
  color: #ffffff;
  opacity: 0.3;
}
@media (max-width: 639px) {
  .error__illustration::before {
    font-size: 3rem;
  }
}
.error__illustration::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  top: 20%;
  left: 20%;
  animation: error-float 3s ease-in-out infinite;
}

@keyframes error-float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}
.blog-item__summary {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

section[id] {
  scroll-margin-top: 100px;
}

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

.sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/abstracts/_theme-utilities.scss%22,%22../../assets/styles/modules/_faq.scss%22,%22../../assets/styles/abstracts/_variables.scss%22,%22../../assets/styles/abstracts/_mixins.scss%22,%22../../assets/styles/modules/_lightbox.scss%22,%22../../assets/styles/modules/_single-post.scss%22,%22../../assets/styles/modules/_errors.scss%22,%22../../assets/styles/modules/_blog-item.scss%22,%22../../assets/styles/app.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%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R;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKR;EACI,OFXQ;EEYR;EACA;EACA;;AAEA;EACI;;;AAQR;EACI;EACA;EACA;EACA;EACA;EACA,kBFlCW;EEmCX;EACA;EACA;EACA,SFwCK;EEvCL;EACA;EACA;;AAGA;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA,eFjBQ;EEkBR,YFLK;;AEST;EACI,OFpEQ;EEqER,WFzDO;EE0DP,aFhDe;EEiDf,YFvCI;EEwCJ;EACA;;AAIJ;EACI,OF7Ec;EE8Ed,WFrES;EEsET,YFlDI;;AEsDR;EACI;EACA;EACA;EACA,YF1FU;EE2FV;EACA,OF1FQ;EE2FR;EACA;EACA,eF5Ca;EE6Cb;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,YFvGS;EEwGT;;AAIJ;EACI,MF7EA;;AEiFJ;EACI,OFlFA;;AEsFJ;EACI;EACA;;AD/JV;EC4HE;IAwCQ;IACA;;EAEA;IACI,MF/FJ;;EEkGA;IACI,OFnGJ;;;AChDV;ECmGE;IAsDQ;IACA;;EAEA;IACI,MF/GJ;;EEkHA;IACI,OFnHJ;;;AEyHR;EACI;EACA,KF1HI;EE2HJ,OF3HI;EE4HJ,YF9JU;EE+JV;EACA,OF9JQ;EE+JR;EACA;EACA,eFhHa;EEiHb;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,YF3KS;EE4KT;;ADnNV;ECgME;IAwBQ;IACA;IACA,KFjJA;IEkJA,OFlJA;;;AChDV;ECuKE;IAgCQ;IACA;IACA,KF1JA;IE2JA,OF3JA;;;;AG3ER;EACI,OH+BO;EG9BP;EACA,aH6CW;;AG1CX;EACI,WHiDI;EGhDJ,aH0DO;EGzDP,OHuBG;EGtBH,YHoEA;EGnEA,eHgEA;EG/DA,aHoCO;;ACpBjB;EEtBM;IASQ,WHwCD;;;AGpCP;EACI,WHmCG;EGlCH,aH4CW;EG3CX,OHUG;EGTH,YHsDA;EGrDA,eHkDA;EGjDA,aHuBO;;ACpBjB;EETM;IASQ,WH0BD;;;AGrBP;EACI,eH0CA;EGzCA,WHkBK;;ACzBf;EEKM;IAKQ,WHcD;;;AGTP;EACI,eHgCA;EG/BA,cHgCA;;AG7BJ;EACI,eHwBA;;AGpBJ;EACI;EACA,cHoBA;EGnBA;EACA;EACA,OHzBK;;AG6BT;EACI,kBH1BG;EG2BH;EACA,eHsBO;EGrBP,WHdG;EGeH;;AAIJ;EACI,kBHtDI;EGuDJ,OH3CO;EG4CP,SHCA;EGAA,eHaI;EGZJ;EACA;;AAEA;EACI;EACA;EACA;;AAKR;EACI;EACA,YHSA;EGRA;;AAIJ;EACI,OH5FE;EG6FF;EACA,aHjCS;EGkCT;;AAEA;EACI,OHjGF;EGkGE;;AAMZ;EACI,YHhFW;EGiFX;;AFrGN;EEmGE;IAKQ;;;AAKR;EACI;EACA,YH1FW;;ACrBjB;EE6GE;IAKQ;;;AAKR;EACI,eHjDK;;AGmDL;EACI;EACA;EACA;EACA,eH7CO;EG8CP,YHrCA;;AChGV;EEgIM;IAQQ;;;AFlId;EE0HM;IAYQ;;;AAMZ;EACI;EACA;EACA;EACA,WHrGO;EGsGP,OHzHS;EG0HT,eH7EI;;AG+EJ;EACI,WHzGK;EG0GL,cHvFA;;AG4FR;EACI,WH7GQ;EG8GR,aHpGW;EGqGX,OHvIO;EGwIP,eH3FI;EG4FJ,aHxHc;EGyHd;;AF7KN;EEuKE;IASQ,WHnHI;;;ACjDd;EE2JE;IAaQ,WHtHI;;;AG2HZ;EACI,WHjIO;EGkIP,OHvJS;EGwJT;EACA;EACA,aH3IW;EG4IX;;AAIJ;EACI;EACA,YHrKW;;ACpBjB;EEuLE;IAKQ;;;AAKR;EACI,WHpJO;EGqJP,aH1IW;EG2IX,OH7KO;EG8KP,eHpII;EGqIJ,aH9Jc;EG+Jd;;AF7MN;EEuME;IASQ,WH3JI;;;AC/Cd;EEiME;IAaQ,WH7JI;;;AGkKZ;EACI,WHzKO;EG0KP,OH7LS;EG8LT;EACA;EACA,aHjLW;EGkLX;;AF/NN;EEyNE;IASQ,WHhLK;;;AC5Cf;EEmNE;IAaQ,WHnLG;;;;AItDX;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA,SJmEI;;AI/DR;EACI;EACA,aJmDY;EIlDZ,OJfM;EIgBN;EACA,eJuDI;EItDJ,aJ4Bc;;ACrBpB;EGbE;IASQ;;;AAKR;EACI,WJ0BQ;EIzBR,aJmCW;EIlCX;EACA,eJ0CI;EIzCJ,aJec;;ACrBpB;EGCE;IAQQ,WJkBG;;;AIbX;EACI,WJWO;EIVP,OJXS;EIYT,eJiCI;EIhCJ;EACA,aJCW;;ACpBjB;EGcE;IAQQ,WJGK;;;AIEb;EACI;EACA;EACA,KJiBI;EIhBJ;EACA;;AH/DN;EG0DE;IAQQ;;;AAKR;EACI,kBJlEM;EImEN,OJxCW;EIyCX;EACA,eJgBQ;EIfR,aJRe;EISf;EACA;EACA;EACA;EACA,KJLI;EIMJ,aJ/BW;EIgCX;EACA;;AAEA;EACI,kBJhFE;EIiFF;EACA,YJaA;;AIVJ;EACI,WJnCG;;AIwCX;EACI;EACA,OJhES;EIiET;EACA;EACA,eJZQ;EIaR,aJpCe;EIqCf;EACA;EACA;EACA;EACA,KJjCI;EIkCJ,aJ3DW;EI4DX;;AAEA;EACI,cJ5GE;EI6GF,OJ7GE;;AIgHN;EACI,WJ7DG;;AIkEX;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AHvGN;EG6FE;IAaQ;IACA;;;AAIJ;EACI;EACA;EACA,aJ1EQ;EI2ER,OJjHO;EIkHP;;AHpHV;EG+GM;IAQQ;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMZ;EACI;IACI;;EAEJ;IACI;;;AC5KJ;EACI;EACA;EACA;EACA;EACA;;;ACER;EACI;EACA;;;AAIJ;EACI;;;AAIJ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA%22,%22file%22:%22app.output.css%22%7D */