.site-header.svelte-1l8bjvs.svelte-1l8bjvs{position:fixed;top:0;left:0;width:100%;z-index:50;background-color:rgba(255, 255, 255, 0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);transition:all 0.3s ease-in-out;height:64px}.site-header.scrolled.svelte-1l8bjvs.svelte-1l8bjvs{background-color:rgba(255, 255, 255, 0.95);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.site-header.dark-mode.svelte-1l8bjvs.svelte-1l8bjvs{background-color:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header.dark-mode.svelte-1l8bjvs .menu-btn.svelte-1l8bjvs{color:rgba(255, 255, 255, 0.9)}.site-header.dark-mode.svelte-1l8bjvs .menu-btn.svelte-1l8bjvs:hover{background-color:rgba(255, 255, 255, 0.1)}.site-header.dark-mode.svelte-1l8bjvs a.brand-link,.site-header.dark-mode.svelte-1l8bjvs .brand-link.svelte-1l8bjvs{color:#ffffff}.site-header.dark-mode.svelte-1l8bjvs a.nav-link{color:rgba(255, 255, 255, 0.8)}.site-header.dark-mode.svelte-1l8bjvs a.nav-link:hover{color:#ffffff;background-color:rgba(255, 255, 255, 0.1)}.site-header.dark-mode.svelte-1l8bjvs .divider.svelte-1l8bjvs{background-color:rgba(255, 255, 255, 0.2)}.site-header.dark-mode.svelte-1l8bjvs .search-btn.svelte-1l8bjvs:not(.active){color:rgba(255, 255, 255, 0.8)}.site-header.dark-mode.svelte-1l8bjvs .search-btn.svelte-1l8bjvs:not(.active):hover{color:#ffffff;background-color:rgba(255, 255, 255, 0.1)}.site-header.dark-mode.svelte-1l8bjvs .search-panel-wrapper.svelte-1l8bjvs{background-color:rgba(0, 0, 0, 0.8);border-bottom-color:rgba(255, 255, 255, 0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header.dark-mode.svelte-1l8bjvs .search-input.svelte-1l8bjvs{background-color:rgba(255, 255, 255, 0.1);color:#ffffff}.site-header.dark-mode.svelte-1l8bjvs .search-input.svelte-1l8bjvs::placeholder{color:rgba(255, 255, 255, 0.5)}.site-header.dark-mode.svelte-1l8bjvs .input-icon.svelte-1l8bjvs,.site-header.dark-mode.svelte-1l8bjvs .close-search-btn.svelte-1l8bjvs{color:rgba(255, 255, 255, 0.7)}.site-header.dark-mode.svelte-1l8bjvs .close-search-btn.svelte-1l8bjvs:hover{color:#ffffff}.site-header.dark-mode.svelte-1l8bjvs .results-title.svelte-1l8bjvs{color:rgba(255, 255, 255, 0.7)}.site-header.dark-mode.svelte-1l8bjvs .result-card.svelte-1l8bjvs{background-color:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.1)}.site-header.dark-mode.svelte-1l8bjvs .result-card.svelte-1l8bjvs:hover{border-color:rgba(15, 98, 254, 0.5);background-color:rgba(255, 255, 255, 0.1)}.site-header.dark-mode.svelte-1l8bjvs .result-title.svelte-1l8bjvs{color:#ffffff}.site-header.dark-mode.svelte-1l8bjvs .result-desc.svelte-1l8bjvs{color:rgba(255, 255, 255, 0.7)}.site-header.dark-mode.svelte-1l8bjvs .tag.svelte-1l8bjvs{background-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.8)}.site-header.dark-mode.svelte-1l8bjvs .empty-state.svelte-1l8bjvs{color:rgba(255, 255, 255, 0.7)}.nav-shell.svelte-1l8bjvs.svelte-1l8bjvs{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:100%;max-width:1280px;margin:0 auto}.left-section.svelte-1l8bjvs.svelte-1l8bjvs{display:flex;align-items:center;gap:4px}.menu-btn.svelte-1l8bjvs.svelte-1l8bjvs{padding:8px;color:#121417;background:transparent;border:none;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s}.menu-btn.svelte-1l8bjvs.svelte-1l8bjvs:hover{background-color:rgba(0, 0, 0, 0.05)}a.brand-link,.brand-link.svelte-1l8bjvs.svelte-1l8bjvs{font-size:1.25rem;font-family:"Inter", sans-serif;font-weight:900;color:#121417;letter-spacing:-0.025em;text-decoration:none}.right-section.svelte-1l8bjvs.svelte-1l8bjvs{display:flex;align-items:center;gap:8px}.desktop-nav.svelte-1l8bjvs.svelte-1l8bjvs{display:none;gap:4px}@media(min-width: 768px){.desktop-nav.svelte-1l8bjvs.svelte-1l8bjvs{display:flex}}a.nav-link{padding:8px 16px;color:#66707a;border-radius:9999px;font-family:"Inter", sans-serif;font-size:0.875rem;font-weight:500;text-decoration:none;transition:all 0.2s}a.nav-link:hover{color:#0f62fe;background-color:rgba(0, 0, 0, 0.05)}.divider.svelte-1l8bjvs.svelte-1l8bjvs{display:none;height:24px;width:1px;background-color:rgba(0, 0, 0, 0.1);margin:0 8px}@media(min-width: 768px){.divider.svelte-1l8bjvs.svelte-1l8bjvs{display:block}}.search-btn.svelte-1l8bjvs.svelte-1l8bjvs{padding:8px;color:#0f62fe;background:rgba(15, 98, 254, 0.1);border:none;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}.search-btn.svelte-1l8bjvs.svelte-1l8bjvs:not(.active){color:#66707a;background:transparent}.search-btn.svelte-1l8bjvs.svelte-1l8bjvs:not(.active):hover{color:#121417;background-color:rgba(0, 0, 0, 0.05)}.search-panel-wrapper.svelte-1l8bjvs.svelte-1l8bjvs{position:absolute;top:100%;left:0;width:100%;background-color:#ffffff;border-bottom:1px solid rgba(0, 0, 0, 0.05);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);max-height:819px;overflow-y:auto}.search-panel.svelte-1l8bjvs.svelte-1l8bjvs{max-width:1280px;margin:0 auto;padding:24px}@media(min-width: 768px){.search-panel.svelte-1l8bjvs.svelte-1l8bjvs{padding:32px}}.search-input-container.svelte-1l8bjvs.svelte-1l8bjvs{position:relative;max-width:48rem;margin:0 auto 40px}.input-icon.svelte-1l8bjvs.svelte-1l8bjvs{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#66707a;pointer-events:none}.search-input.svelte-1l8bjvs.svelte-1l8bjvs{width:100%;background-color:#f1f3f5;border:none;border-radius:9999px;padding:16px 48px;color:#121417;font-family:"Inter", sans-serif;font-size:1rem;outline:none;transition:box-shadow 0.2s}.search-input.svelte-1l8bjvs.svelte-1l8bjvs::placeholder{color:#66707a}.search-input.svelte-1l8bjvs.svelte-1l8bjvs:focus{box-shadow:0 0 0 2px #0f62fe}.close-search-btn.svelte-1l8bjvs.svelte-1l8bjvs{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#66707a;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;transition:color 0.2s}.close-search-btn.svelte-1l8bjvs.svelte-1l8bjvs:hover{color:#121417}.search-results-container.svelte-1l8bjvs.svelte-1l8bjvs{max-width:64rem;margin:0 auto}.results-header.svelte-1l8bjvs.svelte-1l8bjvs{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.results-title.svelte-1l8bjvs.svelte-1l8bjvs{font-size:0.875rem;font-weight:700;color:#66707a;text-transform:uppercase;letter-spacing:0.05em}.results-count.svelte-1l8bjvs.svelte-1l8bjvs{font-size:0.875rem;font-weight:500;color:#0f62fe;cursor:pointer}.results-grid.svelte-1l8bjvs.svelte-1l8bjvs{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width: 768px){.results-grid.svelte-1l8bjvs.svelte-1l8bjvs{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.results-grid.svelte-1l8bjvs.svelte-1l8bjvs{grid-template-columns:repeat(3, 1fr)}}.result-card.svelte-1l8bjvs.svelte-1l8bjvs{text-align:left;background-color:#ffffff;border:1px solid rgba(0, 0, 0, 0.05);border-radius:0.5rem;padding:20px;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s}.result-card.svelte-1l8bjvs.svelte-1l8bjvs:hover{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);border-color:rgba(15, 98, 254, 0.3)}.result-card-bg.svelte-1l8bjvs.svelte-1l8bjvs{position:absolute;top:0;right:0;width:96px;height:96px;background:linear-gradient(to bottom left, #eff6ff, transparent);opacity:0.5;border-bottom-left-radius:9999px;transition:transform 0.3s}.result-card.svelte-1l8bjvs:hover .result-card-bg.svelte-1l8bjvs{transform:scale(1.1)}.result-title.svelte-1l8bjvs.svelte-1l8bjvs{font-weight:700;color:#121417;margin-bottom:4px;transition:color 0.2s;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.result-card.svelte-1l8bjvs:hover .result-title.svelte-1l8bjvs{color:#0f62fe}.result-desc.svelte-1l8bjvs.svelte-1l8bjvs{font-size:0.875rem;color:rgba(18, 20, 23, 0.8);font-family:"Inter", sans-serif;margin-top:8px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-tags.svelte-1l8bjvs.svelte-1l8bjvs{display:flex;gap:8px;position:relative;z-index:1}.tag.svelte-1l8bjvs.svelte-1l8bjvs{padding:4px 8px;background-color:rgba(0, 0, 0, 0.05);font-size:0.75rem;color:#66707a;border-radius:0.25rem;font-weight:500}.empty-state.svelte-1l8bjvs.svelte-1l8bjvs{grid-column:1 / -1;text-align:center;padding:40px;color:#66707a}.drawer-overlay.svelte-1l8bjvs.svelte-1l8bjvs{display:block;position:fixed;inset:0;background:rgba(17, 24, 39, 0.4);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity 0.35s ease;z-index:60}.drawer-overlay.open.svelte-1l8bjvs.svelte-1l8bjvs{opacity:1;pointer-events:auto}.mobile-drawer.svelte-1l8bjvs.svelte-1l8bjvs{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#ffffff;border-right:1px solid rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;padding:16px;transition:transform 0.3s ease;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);z-index:70}.mobile-drawer.open.svelte-1l8bjvs.svelte-1l8bjvs{transform:translateX(280px)}.mobile-drawer-header.svelte-1l8bjvs.svelte-1l8bjvs{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0, 0, 0, 0.05)}.close-menu.svelte-1l8bjvs.svelte-1l8bjvs{background:transparent;border:none;color:#66707a;cursor:pointer;padding:8px;border-radius:50%;transition:background 0.2s ease;display:flex;align-items:center;justify-content:center}.close-menu.svelte-1l8bjvs.svelte-1l8bjvs:hover{background:rgba(0, 0, 0, 0.05)}.mobile-nav.svelte-1l8bjvs.svelte-1l8bjvs{display:flex;flex-direction:column;gap:8px}a.mobile-nav-link{text-align:left;width:100%;padding:14px 16px;border-radius:12px;font-size:0.94rem;color:#66707a;text-decoration:none;font-weight:500;transition:all 0.2s}a.mobile-nav-link:hover{color:#121417;background-color:rgba(0, 0, 0, 0.05)}
.footer-shell.svelte-zg0u1q{background-color:var(--surface-container);border-top:1px solid var(--line);padding:var(--spacing-xl) var(--spacing-lg);width:100%}.footer-content.svelte-zg0u1q{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.brand-text.svelte-zg0u1q{color:var(--text);font-weight:600;font-size:14px;letter-spacing:-0.01em;margin:0}.meta-text.svelte-zg0u1q{color:var(--muted);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;margin:0}@media(max-width: 900px){.footer-shell.svelte-zg0u1q{padding:var(--spacing-lg) var(--spacing-md)}.footer-content.svelte-zg0u1q{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}
.hero-section.svelte-n2lisp{width:100%;height:max(400px, 100vh);position:relative;background:#000000;overflow:hidden}.hero-container.svelte-n2lisp{width:100%;height:100%;position:absolute;inset:0}.hero-canvas.svelte-n2lisp{display:block;width:100%;height:100%;cursor:pointer}.scroll-hint.svelte-n2lisp{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;z-index:10;padding:10px}.scroll-hint-line.svelte-n2lisp{display:block;width:1px;height:40px;background:linear-gradient(to bottom, transparent, var(--outline));animation:svelte-n2lisp-scrollPulse 2s ease-in-out infinite}.scroll-hint-text.svelte-n2lisp{font-family:"Inter", sans-serif;font-size:0.68rem;font-weight:400;letter-spacing:0.25em;text-transform:uppercase;color:var(--muted);animation:svelte-n2lisp-scrollFade 2s ease-in-out infinite}@keyframes svelte-n2lisp-scrollPulse{0%,100%{opacity:0.3;transform:scaleY(0.7)}50%{opacity:1;transform:scaleY(1)}}@keyframes svelte-n2lisp-scrollFade{0%,100%{opacity:0.2}50%{opacity:0.6}}@media(max-width: 900px){.scroll-hint.svelte-n2lisp{bottom:28px}}
/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

.carousel-section.svelte-1bdstk6.svelte-1bdstk6{display:grid;gap:var(--spacing-lg)}.section-heading.svelte-1bdstk6 h2.svelte-1bdstk6{font-size:28px;font-weight:600;line-height:36px;letter-spacing:-0.02em;color:var(--text)}.section-heading.svelte-1bdstk6 p.svelte-1bdstk6{color:var(--muted);font-size:16px}.swiper-container.svelte-1bdstk6.svelte-1bdstk6{width:100%;overflow:hidden;padding:var(--spacing-xs) 4px var(--spacing-xl);position:relative}.swiper-container.svelte-1bdstk6 .swiper-wrapper{align-items:stretch}.swiper-container.svelte-1bdstk6 .swiper-slide{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-md);height:340px !important;padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:left;background:var(--surface);border:1px solid var(--line);transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;position:relative;overflow:hidden}.swiper-container.svelte-1bdstk6 .swiper-slide:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--outline)}.slide-top.svelte-1bdstk6.svelte-1bdstk6{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:0.05em}.slide-arrow.svelte-1bdstk6.svelte-1bdstk6{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-container);color:var(--text);font-size:1rem;border:1px solid var(--line);transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease}.swiper-container .swiper-slide:hover .slide-arrow{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.swiper-container.svelte-1bdstk6 .swiper-slide h3{font-size:20px;font-weight:600;line-height:28px;color:var(--text);letter-spacing:-0.01em;max-width:14ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.description.svelte-1bdstk6.svelte-1bdstk6{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:22px}.tags.svelte-1bdstk6.svelte-1bdstk6{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--badge-text);background:var(--badge-bg);padding:4px 10px;border-radius:var(--radius-sm);align-self:flex-start;margin-top:auto;letter-spacing:0.02em}.swiper-pagination-bullet{width:24px;height:4px;background:var(--line);opacity:1;border-radius:2px;transition:background-color 0.2s ease}.swiper-pagination-bullet-active{background:var(--primary)}@media(max-width: 900px){.swiper-container.svelte-1bdstk6 .swiper-slide{height:300px;padding:var(--spacing-md)}.swiper-container.svelte-1bdstk6 .swiper-slide h3{font-size:18px;line-height:26px}}
.home-redesign.svelte-3pgdgv{width:100%;background-color:var(--bg-color)}.blog-section.svelte-3pgdgv{background:var(--bg-color);min-height:100vh;width:100%;padding:var(--spacing-xxl) var(--spacing-lg) 100px;position:relative}.archive-inner.svelte-3pgdgv{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.archive-header.svelte-3pgdgv{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.archive-title.svelte-3pgdgv{font-family:var(--font-sans);font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;letter-spacing:-0.04em;line-height:1;color:var(--text)}.archive-subtitle.svelte-3pgdgv{font-family:var(--font-sans);font-size:1.1rem;font-weight:400;color:var(--muted);line-height:1.6;max-width:600px}.carousel-list.svelte-3pgdgv{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.carousel-wrapper.svelte-3pgdgv{border-top:1px solid var(--line);padding-top:var(--spacing-xl)}.fade-item.svelte-3pgdgv{opacity:0;transform:translateY(20px);transition:opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
                    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1)}.fade-item.visible{opacity:1;transform:translateY(0)}@media(max-width: 900px){.blog-section.svelte-3pgdgv{padding:var(--spacing-xl) var(--spacing-md) 72px}.archive-inner.svelte-3pgdgv{gap:var(--spacing-lg)}.carousel-list.svelte-3pgdgv{gap:var(--spacing-xl)}}
.category-page.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column;gap:40px}.cat-header.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column;gap:10px}.cat-header.svelte-7hn7jl h1.svelte-7hn7jl{font-size:clamp(2.8rem, 5vw, 4.5rem);font-weight:600;line-height:1;letter-spacing:-0.035em}.cat-header.svelte-7hn7jl .section-kicker.svelte-7hn7jl{color:var(--primary)}.cat-count.svelte-7hn7jl.svelte-7hn7jl{font-size:0.88rem;color:var(--muted)}.cat-filter.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-wrap:wrap;gap:8px}.cat-tag.svelte-7hn7jl.svelte-7hn7jl{padding:8px 18px;border:1px solid var(--outline);border-radius:100px;background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--muted);font-size:0.82rem;font-weight:500;cursor:pointer;transition:color 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease}.cat-tag.svelte-7hn7jl.svelte-7hn7jl:hover{color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.cat-tag.active.svelte-7hn7jl.svelte-7hn7jl{color:var(--on-primary);background:var(--primary);border-color:var(--primary);font-weight:600;box-shadow:0 2px 8px rgba(15, 98, 254, 0.2)}.cat-list.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column}a.cat-item{text-decoration:none;display:flex;flex-direction:column;gap:10px;padding:28px 0;border-bottom:1px solid var(--outline);transition:padding-left 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                    background 0.35s ease}a.cat-item:first-child{border-top:1px solid var(--outline)}a.cat-item:hover{padding-left:12px}.cat-item-top.svelte-7hn7jl.svelte-7hn7jl{display:flex;justify-content:space-between;align-items:center}.cat-item-top.svelte-7hn7jl time.svelte-7hn7jl{font-size:0.78rem;color:var(--muted);letter-spacing:0.03em}.cat-item-tags.svelte-7hn7jl.svelte-7hn7jl{display:flex;gap:8px}.cat-item-tags.svelte-7hn7jl span.svelte-7hn7jl{font-size:0.75rem;color:var(--primary);opacity:0.7}a.cat-item h2{font-size:1.3rem;font-weight:700;color:var(--text);letter-spacing:-0.02em;line-height:1.25;transition:color 0.25s ease}a.cat-item:hover h2{color:var(--primary)}a.cat-item p{font-size:0.94rem;color:var(--muted);line-height:1.7}.empty.svelte-7hn7jl.svelte-7hn7jl{text-align:center;padding:60px 0;color:var(--muted)}@media(max-width: 900px){.cat-item-top.svelte-7hn7jl.svelte-7hn7jl{flex-direction:column;align-items:flex-start;gap:4px}}
.category-page.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column;gap:40px}.cat-header.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column;gap:10px}.cat-header.svelte-7hn7jl h1.svelte-7hn7jl{font-size:clamp(2.8rem, 5vw, 4.5rem);font-weight:600;line-height:1;letter-spacing:-0.035em}.cat-header.svelte-7hn7jl .section-kicker.svelte-7hn7jl{color:var(--primary)}.cat-count.svelte-7hn7jl.svelte-7hn7jl{font-size:0.88rem;color:var(--muted)}.cat-filter.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-wrap:wrap;gap:8px}.cat-tag.svelte-7hn7jl.svelte-7hn7jl{padding:8px 18px;border:1px solid var(--outline);border-radius:100px;background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--muted);font-size:0.82rem;font-weight:500;cursor:pointer;transition:color 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease}.cat-tag.svelte-7hn7jl.svelte-7hn7jl:hover{color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.cat-tag.active.svelte-7hn7jl.svelte-7hn7jl{color:var(--on-primary);background:var(--primary);border-color:var(--primary);font-weight:600;box-shadow:0 2px 8px rgba(15, 98, 254, 0.2)}.cat-list.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column}a.cat-item{text-decoration:none;display:flex;flex-direction:column;gap:10px;padding:28px 0;border-bottom:1px solid var(--outline);transition:padding-left 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                    background 0.35s ease}a.cat-item:first-child{border-top:1px solid var(--outline)}a.cat-item:hover{padding-left:12px}.cat-item-top.svelte-7hn7jl.svelte-7hn7jl{display:flex;justify-content:space-between;align-items:center}.cat-item-top.svelte-7hn7jl time.svelte-7hn7jl{font-size:0.78rem;color:var(--muted);letter-spacing:0.03em}.cat-item-tags.svelte-7hn7jl.svelte-7hn7jl{display:flex;gap:8px}.cat-item-tags.svelte-7hn7jl span.svelte-7hn7jl{font-size:0.75rem;color:var(--primary);opacity:0.7}a.cat-item h2{font-size:1.3rem;font-weight:700;color:var(--text);letter-spacing:-0.02em;line-height:1.25;transition:color 0.25s ease}a.cat-item:hover h2{color:var(--primary)}a.cat-item p{font-size:0.94rem;color:var(--muted);line-height:1.7}.empty.svelte-7hn7jl.svelte-7hn7jl{text-align:center;padding:60px 0;color:var(--muted)}@media(max-width: 900px){.cat-item-top.svelte-7hn7jl.svelte-7hn7jl{flex-direction:column;align-items:flex-start;gap:4px}}
.category-page.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column;gap:40px}.cat-header.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column;gap:10px}.cat-header.svelte-7hn7jl h1.svelte-7hn7jl{font-size:clamp(2.8rem, 5vw, 4.5rem);font-weight:600;line-height:1;letter-spacing:-0.035em}.cat-header.svelte-7hn7jl .section-kicker.svelte-7hn7jl{color:var(--primary)}.cat-count.svelte-7hn7jl.svelte-7hn7jl{font-size:0.88rem;color:var(--muted)}.cat-filter.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-wrap:wrap;gap:8px}.cat-tag.svelte-7hn7jl.svelte-7hn7jl{padding:8px 18px;border:1px solid var(--outline);border-radius:100px;background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--muted);font-size:0.82rem;font-weight:500;cursor:pointer;transition:color 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease}.cat-tag.svelte-7hn7jl.svelte-7hn7jl:hover{color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.cat-tag.active.svelte-7hn7jl.svelte-7hn7jl{color:var(--on-primary);background:var(--primary);border-color:var(--primary);font-weight:600;box-shadow:0 2px 8px rgba(15, 98, 254, 0.2)}.cat-list.svelte-7hn7jl.svelte-7hn7jl{display:flex;flex-direction:column}a.cat-item{text-decoration:none;display:flex;flex-direction:column;gap:10px;padding:28px 0;border-bottom:1px solid var(--outline);transition:padding-left 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                    background 0.35s ease}a.cat-item:first-child{border-top:1px solid var(--outline)}a.cat-item:hover{padding-left:12px}.cat-item-top.svelte-7hn7jl.svelte-7hn7jl{display:flex;justify-content:space-between;align-items:center}.cat-item-top.svelte-7hn7jl time.svelte-7hn7jl{font-size:0.78rem;color:var(--muted);letter-spacing:0.03em}.cat-item-tags.svelte-7hn7jl.svelte-7hn7jl{display:flex;gap:8px}.cat-item-tags.svelte-7hn7jl span.svelte-7hn7jl{font-size:0.75rem;color:var(--primary);opacity:0.7}a.cat-item h2{font-size:1.3rem;font-weight:700;color:var(--text);letter-spacing:-0.02em;line-height:1.25;transition:color 0.25s ease}a.cat-item:hover h2{color:var(--primary)}a.cat-item p{font-size:0.94rem;color:var(--muted);line-height:1.7}.empty.svelte-7hn7jl.svelte-7hn7jl{text-align:center;padding:60px 0;color:var(--muted)}@media(max-width: 900px){.cat-item-top.svelte-7hn7jl.svelte-7hn7jl{flex-direction:column;align-items:flex-start;gap:4px}}
.detail-shell.svelte-eq8zrh.svelte-eq8zrh{border-radius:var(--radius-xl);padding:42px;overflow:hidden;position:relative;background:rgba(255, 255, 255, 0.82);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255, 255, 255, 0.8);box-shadow:var(--shadow-lg)}.detail-shell.svelte-eq8zrh.svelte-eq8zrh::after{content:"";position:absolute;top:-80px;right:-40px;width:280px;height:280px;background:radial-gradient(circle, rgba(15, 98, 254, 0.08), transparent 70%);pointer-events:none}.detail-header.svelte-eq8zrh.svelte-eq8zrh{display:grid;gap:22px;padding-bottom:28px;border-bottom:1px solid var(--outline);position:relative;z-index:1}.detail-meta.svelte-eq8zrh.svelte-eq8zrh{display:flex;justify-content:space-between;gap:16px;align-items:center}.detail-meta.svelte-eq8zrh .section-kicker.svelte-eq8zrh{color:var(--primary)}.header-main.svelte-eq8zrh.svelte-eq8zrh{display:flex;justify-content:space-between;gap:24px;align-items:start}h1.svelte-eq8zrh.svelte-eq8zrh{font-size:clamp(3rem, 5vw, 5rem);line-height:0.95;margin-bottom:12px;max-width:12ch;letter-spacing:-0.035em}.description.svelte-eq8zrh.svelte-eq8zrh{max-width:62ch;font-size:1.08rem}.tags.svelte-eq8zrh.svelte-eq8zrh,.date.svelte-eq8zrh.svelte-eq8zrh{color:var(--muted);font-size:0.9rem}.header-side.svelte-eq8zrh.svelte-eq8zrh{display:grid;gap:14px;justify-items:end;min-width:120px}a.back-link{text-decoration:none;padding:12px 20px;border-radius:12px;border:none;background:var(--primary);color:var(--on-primary);font-weight:600;font-size:0.88rem;box-shadow:0 2px 8px rgba(15, 98, 254, 0.2);transition:background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease}a.back-link:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.markdown-body.svelte-eq8zrh.svelte-eq8zrh{padding-top:28px;line-height:1.85;color:var(--text);position:relative;z-index:1}.markdown-body.svelte-eq8zrh h1,.markdown-body.svelte-eq8zrh h2,.markdown-body.svelte-eq8zrh h3{margin:2.5rem 0 1rem;letter-spacing:-0.02em}.markdown-body.svelte-eq8zrh p,.markdown-body.svelte-eq8zrh li{color:var(--text)}.markdown-body.svelte-eq8zrh code{background:rgba(15, 98, 254, 0.08);color:var(--primary);padding:0.15rem 0.4rem;border-radius:6px;font-size:0.92em}.markdown-body.svelte-eq8zrh pre{overflow:auto;padding:18px;border-radius:16px;background:#141518;color:#e8ecf4;border:1px solid rgba(255, 255, 255, 0.06)}.markdown-body.svelte-eq8zrh pre code{background:transparent;color:inherit;padding:0}.error-message.svelte-eq8zrh.svelte-eq8zrh{color:var(--accent-strong);text-align:center;margin-top:50px}.js-content-container.svelte-eq8zrh.svelte-eq8zrh{margin-top:28px;border:1px solid var(--outline);border-radius:var(--radius-xl);padding:24px;min-height:200px;background:rgba(255, 255, 255, 0.76)}@media(max-width: 900px){.detail-shell.svelte-eq8zrh.svelte-eq8zrh{padding:24px}.detail-meta.svelte-eq8zrh.svelte-eq8zrh,.header-main.svelte-eq8zrh.svelte-eq8zrh{flex-direction:column;align-items:start}.header-side.svelte-eq8zrh.svelte-eq8zrh{justify-items:start}}