/* ==========================================================================
   Antigravity Custom Enhancements & Modernization Stylesheet
   ========================================================================== */

/* --- Modern Global Styles & Scrollbar --- */
html {
  scroll-behavior: smooth;
}

/* Premium Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: rgba(28, 28, 28, 0.95);
}
::-webkit-scrollbar-thumb {
  background: rgba(85, 82, 254, 0.3);
  border-radius: 5px;
  border: 2px solid #1c1c1c;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(85, 82, 254, 0.6);
}

/* --- Scroll-Reveal System --- */
.reveal-on-scroll {
  opacity: 0 !important;
  transform: translateY(24px) !important;
  transition: opacity 1.0s cubic-bezier(0.16, 1, 0.3, 1),
              transform 1.0s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: transform, opacity;
}

.reveal-on-scroll.revealed {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Delay reveals slightly for cascading effects */
.reveal-on-scroll:nth-child(even) {
  transition-delay: 0.1s;
}

/* --- Navigation & Button Micro-animations --- */
a, button, .VfPpkd-LgbsSe, [role="button"] {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Sleek navbar hover state */
.HlqNPb:hover, a.aJHbb:hover {
  color: #8c8aff !important;
  text-shadow: 0 0 10px rgba(85, 82, 254, 0.4);
  transform: translateY(-1px);
}

/* --- Collapsible Accordion Group Animations --- */
@keyframes accordionEntrance {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 
  Target Google Sites collapsible group content blocks on expand.
  This covers both structural possibilities (sibling and descendant layouts) 
  when the control container (.qUO6Ue) loses the collapsed class (.vhaaFf).
*/
div.qUO6Ue:not(.vhaaFf) ~ div.oKdM2c.ZZyype,
div.qUO6Ue:not(.vhaaFf) div.oKdM2c.ZZyype:not(.Kzv0Me) {
  animation: accordionEntrance 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  will-change: transform, opacity;
}

/* Sleek hover state for the accordion collapse/expand buttons */
div.qUO6Ue [role="button"],
div.vhaaFf [role="button"] {
  transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease !important;
}

div.qUO6Ue [role="button"]:hover,
div.vhaaFf [role="button"]:hover {
  transform: scale(1.15) !important;
  color: #8c8aff !important;
}