.bk-main-h0:hover { color: rgb(233, 237, 241) !important; }
.bk-main-h1:hover { background: rgb(255, 216, 101) !important; }
.bk-main-h2:hover { background: rgba(148, 188, 227, 0.12) !important; }
.bk-main-h3:hover { color: rgb(252, 198, 43) !important; }
.bk-main-h4:hover { color: rgb(255, 216, 101) !important; }
.bk-main-h5:hover { color: rgb(252, 198, 43) !important; border-color: rgb(252, 198, 43) !important; }

html { scroll-behavior: smooth; }
body { margin: 0px; background: rgb(7, 9, 11); color: rgb(233, 237, 241); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
a { color: var(--color-accent-300); }
a:hover { color: rgb(219, 234, 248); }
::selection { background: rgba(148, 188, 227, 0.3); }
:focus-visible { outline: 2px solid var(--color-accent-400); outline-offset: 2px; }
@keyframes bk-dash { 
  100% { stroke-dashoffset: -240; }
}
@keyframes bk-pulse { 
  0%, 100% { opacity: 0.25; }
  50% { opacity: 1; }
}
@keyframes bk-scan { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(240px); }
}
@keyframes bk-sweep { 
  0% { transform: translateX(-30%); }
  100% { transform: translateX(330%); }
}
@keyframes bk-blink { 
  0%, 45% { opacity: 1; }
  50%, 95% { opacity: 0.15; }
}
@keyframes bk-orbit { 
  100% { transform: rotate(360deg); }
}
@media (max-width: 900px) {
  [data-nav] { display: none !important; }
  [data-navjump] { display: block !important; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
  [data-reveal] { opacity: 1 !important; transform: none !important; }
}