:root {
   --blk-tabs-bg: rgba(11, 11, 15, 0.92);
   --blk-tabs-card: radial-gradient(140% 200% at 0% 0%, rgba(123, 45, 255, 0.22) 0%, rgba(11, 11, 15, 0.92) 58%, rgba(5, 5, 9, 0.98) 100%);
   --blk-tabs-border: rgba(123, 45, 255, 0.42);
   --blk-tabs-border-active: rgba(255, 79, 216, 0.86);
   --blk-tabs-shadow: 0 22px 70px rgba(0, 0, 0, 0.95);
   --blk-tabs-shadow-active: 0 0 44px rgba(255, 79, 216, 0.22), 0 28px 96px rgba(0, 0, 0, 1);
  --blk-tabs-inline-width: 560px;
 }
 
 .neumorphic-tabs-container {
   background: transparent;
   box-shadow: none;
   border-radius: 0;
   overflow: visible;
  margin-top: 0;
   margin-bottom: 18px;
 }
 
 .neumorphic-tabs-nav {
  padding: 0;
  margin-top: 0;
 }
 
 .neumorphic-tabs-nav .container {
  width: 100%;
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  display: flex;
  justify-content: center;
 }

@media (min-width: 768px) {
  .neumorphic-tabs-nav .container {
    max-width: 900px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .neumorphic-tabs-nav .container {
    max-width: 1000px;
  }
}
 
 @media (max-width: 420px) {
   :root {
     --blk-tabs-inline-width: 420px;
   }
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic {
   display: flex;
  flex-wrap: nowrap;
   align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 2px 0;
  margin: 0;
   border: 0;
 
   position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic::before,
 .neumorphic-tabs-nav .nav-tabs.neumorphic::after {
   content: "";
   flex: 0 0 max(0px, (100% - var(--blk-tabs-inline-width, 520px)) / 2);
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic::-webkit-scrollbar {
   display: none;
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic .nav-item {
   flex: 0 0 auto;
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic .nav-link {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(11, 11, 15, 0.55) !important;
   color: var(--text-light);
   padding: 10px 14px;
   border-radius: 999px;
   font-weight: 900;
   font-size: 0.9rem;
   letter-spacing: 0.01em;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   white-space: nowrap;
   position: relative;
   z-index: 1;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, filter 180ms ease, background 180ms ease, color 180ms ease;
 }
 
 @media (max-width: 576px) {
   .neumorphic-tabs-nav .nav-tabs.neumorphic {
    gap: 4px;
   }
 
   .neumorphic-tabs-nav .nav-tabs.neumorphic .nav-link {
    padding: 4px 8px;
    font-size: 0.72rem;
    gap: 6px;
   }
 
   .tab-icon {
    font-size: 0.84rem;
   }
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic .nav-link:hover {
   color: var(--text-color);
   filter: brightness(1.04);
  border-color: rgba(255, 79, 216, 0.35) !important;
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic .nav-link:focus-visible {
   outline: none;
   box-shadow: 0 0 0 2px rgba(255, 45, 154, 0.55), 0 0 26px rgba(255, 79, 216, 0.35);
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic .nav-link.active {
   color: #ffffff;
  border-color: rgba(255, 79, 216, 0.6) !important;
  background: linear-gradient(135deg, rgba(255, 45, 154, 0.92), rgba(123, 45, 255, 0.9)) !important;
  box-shadow: 0 0 24px rgba(255, 79, 216, 0.22), 0 18px 50px rgba(0, 0, 0, 0.92);
  transform: translateY(-1px);
 }
 
 .neumorphic-tabs-nav .nav-tabs.neumorphic .blk-tabs-indicator {
  display: none;
 }
 
 .tab-icon {
   font-size: 1.05rem;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full {
   background: transparent;
   border-radius: 0;
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
  width: 100%;
  max-width: none;
  margin: 8px auto 0;
 
   display: flex;
  align-items: flex-start;
  gap: 12px;
 
   overflow-x: auto;
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   overscroll-behavior-x: contain;
   scroll-snap-type: x mandatory;
  scroll-padding-left: max(16px, env(safe-area-inset-left));
  scroll-padding-right: max(16px, env(safe-area-inset-right));
 
   scrollbar-width: none;
   touch-action: auto;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full.blk-tabs-anim-ready {
   transition: height 220ms ease;
 }
 
 @media (min-width: 768px) {
   .neumorphic-tabs-container .tab-content.tab-content-full {
    max-width: 900px;
    padding-left: 0;
    padding-right: 0;
   }
 }

@media (min-width: 992px) {
  .neumorphic-tabs-container .tab-content.tab-content-full {
    max-width: 1000px;
  }
}
 
 .neumorphic-tabs-container .tab-content.tab-content-full::-webkit-scrollbar {
   display: none;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full.is-dragging {
   cursor: grabbing;
   scroll-snap-type: none;
   user-select: none;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full {
   cursor: grab;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full > .tab-pane {
   display: block !important;
   flex: 0 0 100%;
  align-self: flex-start;
   max-width: 100%;
   scroll-snap-align: start;
   scroll-snap-stop: always;
 
  border-radius: 18px 18px 22px 22px;
   background: var(--blk-tabs-card);
   border: 1px solid var(--blk-tabs-border);
   box-shadow: var(--blk-tabs-shadow);
 
   opacity: 0.92;
  transform: none;
   transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, opacity 220ms ease;
   overflow: hidden;
  position: relative;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full > .tab-pane::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 2px;
   background: linear-gradient(90deg, transparent, rgba(255, 79, 216, 0.6), rgba(123, 45, 255, 0.55), transparent);
   opacity: 0.28;
   pointer-events: none;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full > .tab-pane.active,
 .neumorphic-tabs-container .tab-content.tab-content-full > .tab-pane.is-active {
   opacity: 1;
  transform: none;
   border-color: var(--blk-tabs-border-active);
   box-shadow: var(--blk-tabs-shadow-active);
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full .blk-tab-card__inner {
   padding: 16px 18px 18px;
  opacity: 0.96;
  transform: translateY(4px);
  transition: opacity 220ms ease, transform 220ms ease;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full > .tab-pane.is-active .blk-tab-card__inner,
 .neumorphic-tabs-container .tab-content.tab-content-full > .tab-pane.active .blk-tab-card__inner {
   opacity: 1;
   transform: translateY(0);
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full .blk-tab-card__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   padding-bottom: 12px;
   margin-bottom: 14px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full .blk-tab-card__title {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   font-weight: 950;
   color: #ffffff;
   letter-spacing: -0.01em;
   font-size: 1.02rem;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full .blk-tab-card__title i {
   color: rgba(255, 79, 216, 0.95);
   filter: drop-shadow(0 0 18px rgba(255, 79, 216, 0.38));
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full .blk-tab-card__body {
   color: var(--text-light);
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full .blk-tab-card__body .container {
   max-width: none;
   padding-left: 0;
   padding-right: 0;
 }
 
 .neumorphic-tabs-container .tab-content.tab-content-full .blk-tab-card__body .container.py-4 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
 
 .blk-about__highlight {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   border-radius: 14px;
   padding: 10px 12px;
   color: #ffffff;
   font-weight: 900;
   background: linear-gradient(135deg, rgba(255, 45, 154, 0.22), rgba(123, 45, 255, 0.22));
   border: 1px solid rgba(255, 79, 216, 0.45);
   box-shadow: 0 0 22px rgba(255, 79, 216, 0.16);
 }
 
 .blk-about__rows {
   margin-top: 14px;
   display: grid;
   gap: 10px;
 }
 
 .blk-about__row {
   display: grid;
   grid-template-columns: 110px 1fr;
   gap: 10px;
   align-items: baseline;
 }
 
 .blk-about__label {
   color: rgba(179, 179, 179, 0.92);
   font-weight: 800;
   font-size: 0.86rem;
 }
 
 .blk-about__value {
   color: rgba(255, 255, 255, 0.95);
   font-weight: 800;
   font-size: 0.92rem;
   word-break: break-word;
 }
 
 .blk-about__divider {
   height: 1px;
   background: rgba(255, 255, 255, 0.08);
   margin: 14px 0;
 }
 
 .blk-about__bioTitle {
   font-weight: 950;
   color: #ffffff;
   font-size: 0.92rem;
   margin-bottom: 8px;
 }
 
 .blk-about__bioText {
   white-space: pre-wrap;
   line-height: 1.6;
   color: rgba(179, 179, 179, 0.96);
   font-size: 0.92rem;
 }
 
 @media (max-width: 420px) {
   .blk-about__row {
     grid-template-columns: 92px 1fr;
   }
 }
 
 .blk-media-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
 }
 
 @media (min-width: 768px) {
   .blk-media-grid {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 }
 
 @media (min-width: 1200px) {
   .blk-media-grid {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
 
 .blk-media-grid .media-item {
   border-radius: 16px;
   overflow: hidden;
   position: relative;
   cursor: pointer;
   border: 1px solid rgba(255, 255, 255, 0.08);
   box-shadow: 0 18px 42px rgba(0, 0, 0, 0.88);
   transform: translateY(0);
   transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, filter 160ms ease;
 }
 
 .blk-media-grid .media-item:hover {
   transform: translateY(-3px);
   border-color: rgba(255, 79, 216, 0.55);
   box-shadow: 0 0 28px rgba(255, 79, 216, 0.18), 0 24px 60px rgba(0, 0, 0, 1);
   filter: brightness(1.04);
 }
 
 .blk-media-grid .media-item img,
 .blk-media-grid .media-item video {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
   aspect-ratio: 1 / 1;
 }
 
 .video-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.18));
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ffffff;
   pointer-events: none;
 }
 
 .video-icon {
   font-size: 2rem;
   color: rgba(255, 255, 255, 0.95);
   filter: drop-shadow(0 0 18px rgba(255, 79, 216, 0.28)) drop-shadow(0 10px 30px rgba(0, 0, 0, 0.85));
 }
 
 .empty-state {
   grid-column: 1 / -1;
   text-align: center;
   padding: 28px 12px;
   color: rgba(179, 179, 179, 0.9);
 }
 
 .empty-state img {
   max-width: 110px;
   opacity: 0.55;
   margin-bottom: 10px;
 }
 
 .blk-local-lightbox {
   display: none;
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.92);
   z-index: 10002;
   align-items: center;
   justify-content: center;
   padding: 24px 16px;
 }
 
 .blk-local-lightbox__img {
   width: auto;
   height: auto;
   max-width: min(92vw, 860px);
   max-height: 82vh;
   border-radius: 18px;
   border: 1px solid rgba(255, 79, 216, 0.35);
   box-shadow: 0 0 44px rgba(255, 79, 216, 0.22), 0 24px 70px rgba(0, 0, 0, 1);
 }
 
 .blk-local-lightbox__close,
 .blk-local-lightbox__nav {
   position: absolute;
   background: rgba(11, 11, 15, 0.65);
   border: 1px solid rgba(255, 79, 216, 0.28);
   color: rgba(255, 255, 255, 0.95);
   border-radius: 999px;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 0 22px rgba(255, 79, 216, 0.12), 0 18px 50px rgba(0, 0, 0, 0.95);
   transition: filter 160ms ease, transform 160ms ease, border-color 160ms ease;
 }
 
 .blk-local-lightbox__close:hover,
 .blk-local-lightbox__nav:hover {
   filter: brightness(1.08);
   border-color: rgba(255, 79, 216, 0.6);
   transform: translateY(-1px);
 }
 
 .blk-local-lightbox__close {
   top: 18px;
   right: 18px;
   width: 44px;
   height: 44px;
   font-size: 1.8rem;
 }
 
 .blk-local-lightbox__nav {
   top: 50%;
   transform: translateY(-50%);
   width: 52px;
   height: 52px;
   font-size: 2rem;
 }
 
 .blk-local-lightbox__nav--prev {
   left: 16px;
 }
 
 .blk-local-lightbox__nav--next {
   right: 16px;
 }
 
 .blk-local-lightbox__nav:disabled {
   opacity: 0.32;
   cursor: not-allowed;
 }
 
 .video-reel-modal {
   display: none;
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.92);
   z-index: 10000;
   justify-content: center;
   align-items: center;
 }
 
 .video-reel-container {
   position: relative;
   width: min(520px, 92vw);
   height: min(92vh, 860px);
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
 
 .video-reel-player {
   width: 100%;
   height: auto;
   max-height: 82vh;
   object-fit: contain;
   border-radius: 18px;
   border: 1px solid rgba(255, 79, 216, 0.35);
   box-shadow: 0 0 44px rgba(255, 79, 216, 0.22), 0 24px 70px rgba(0, 0, 0, 1);
 }
 
 .reel-close-btn,
 .reel-nav-btn {
   position: absolute;
   background: rgba(11, 11, 15, 0.65);
   border: 1px solid rgba(255, 79, 216, 0.28);
   color: rgba(255, 255, 255, 0.95);
   border-radius: 999px;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 0 22px rgba(255, 79, 216, 0.12), 0 18px 50px rgba(0, 0, 0, 0.95);
   transition: filter 160ms ease, transform 160ms ease, border-color 160ms ease;
 }
 
 .reel-close-btn:hover,
 .reel-nav-btn:hover {
   filter: brightness(1.08);
   border-color: rgba(255, 79, 216, 0.6);
   transform: translateY(-1px);
 }
 
 .reel-close-btn {
   top: 18px;
   right: 18px;
   width: 44px;
   height: 44px;
   font-size: 1.8rem;
   z-index: 10001;
 }
 
 .reel-nav-btn {
   top: 50%;
   transform: translateY(-50%);
   width: 52px;
   height: 52px;
   font-size: 2rem;
   z-index: 10001;
 }
 
 .reel-nav-btn.prev {
   left: 16px;
 }
 
 .reel-nav-btn.next {
   right: 16px;
 }
 
 .reel-nav-btn:disabled {
   opacity: 0.32;
   cursor: not-allowed;
 }
 
 .posts-container {
   display: flex;
   flex-direction: column;
   gap: 14px;
 }
 
 .post-card {
   background: rgba(11, 11, 15, 0.55);
   border: 1px solid rgba(123, 45, 255, 0.28);
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 22px 70px rgba(0, 0, 0, 0.92);
 }
 
 .post-header {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 12px 14px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
 
 .post-avatar {
   width: 40px;
   height: 40px;
   border-radius: 999px;
   object-fit: cover;
   border: 2px solid rgba(255, 79, 216, 0.65);
   box-shadow: 0 0 18px rgba(255, 79, 216, 0.18);
 }
 
 .post-username {
   font-weight: 950;
   font-size: 0.9rem;
   color: rgba(255, 255, 255, 0.96);
 }
 
 .post-date {
   font-size: 0.75rem;
   color: rgba(179, 179, 179, 0.85);
 }
 
 .post-image {
   width: 100%;
   object-fit: cover;
   max-height: 540px;
   cursor: pointer;
   display: block;
 }
 
 .post-body {
   padding: 12px 14px;
   font-size: 0.92rem;
   line-height: 1.5;
   color: rgba(179, 179, 179, 0.96);
 }
 
 .post-actions {
   padding: 10px 14px 14px;
   display: flex;
   gap: 14px;
   font-size: 1.1rem;
   color: rgba(179, 179, 179, 0.9);
 }
 
 .post-actions i {
   cursor: pointer;
   transition: color 160ms ease, filter 160ms ease;
 }
 
 .post-actions i:hover {
   color: rgba(255, 79, 216, 0.95);
   filter: drop-shadow(0 0 16px rgba(255, 79, 216, 0.35));
 }
 
 #reviews .list-group {
   display: grid;
   gap: 12px;
 }
 
 #reviews .list-group-item {
   background: rgba(11, 11, 15, 0.55);
   border: 1px solid rgba(123, 45, 255, 0.26);
   border-radius: 16px;
   color: rgba(179, 179, 179, 0.95);
   box-shadow: 0 18px 50px rgba(0, 0, 0, 0.92);
 }
 
 #reviews .list-group-item .fw-semibold,
 #reviews .list-group-item .fw-bold {
   color: rgba(255, 255, 255, 0.95);
 }
 
 #reviews .card,
 #details .card {
   background: rgba(11, 11, 15, 0.55);
   border: 1px solid rgba(123, 45, 255, 0.26);
   border-radius: 18px !important;
   box-shadow: 0 22px 70px rgba(0, 0, 0, 0.92);
 }
 
 #reviews .form-control,
 #details .form-control {
   background: rgba(11, 11, 15, 0.55);
   border: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.92);
 }
 
 #reviews .form-control:focus,
 #details .form-control:focus {
   background: rgba(11, 11, 15, 0.62);
   border-color: rgba(255, 79, 216, 0.55);
   box-shadow: 0 0 0 0.2rem rgba(255, 79, 216, 0.18);
 }
 
 #reviews .btn-primary,
 #details .btn-primary {
   border: 0;
   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
   box-shadow: 0 0 30px rgba(255, 79, 216, 0.22), 0 18px 46px rgba(0, 0, 0, 0.95);
   font-weight: 900;
 }
 
 #details .card-header {
   background: transparent !important;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
   color: rgba(255, 255, 255, 0.95);
 }
 
 #details .badge.bg-light {
   background: rgba(11, 11, 15, 0.45) !important;
   color: rgba(255, 255, 255, 0.88) !important;
   border: 1px solid rgba(255, 79, 216, 0.22) !important;
 }
 
 #details .text-muted {
   color: rgba(179, 179, 179, 0.88) !important;
 }
 
 #details .row {
   --bs-gutter-x: 12px;
   --bs-gutter-y: 12px;
   align-items: stretch;
 }
 
 #details .row > [class*="col-"] {
   display: flex;
 }
 
 #details .row > [class*="col-"] > section,
 #details .row > [class*="col-"] > .card {
   width: 100%;
 }
 
 #details section.my-4 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .neumorphic-tabs-nav .nav-tabs.neumorphic .blk-tabs-indicator,
   .neumorphic-tabs-container .tab-content.tab-content-full > .tab-pane,
   .blk-media-grid .media-item,
   .post-actions i {
     transition: none !important;
   }
 }