html,body{margin:0;background:#050914;font-family:'IBM Plex Sans',system-ui,sans-serif;overflow-x:hidden}
  a{color:#6DE3FF;text-decoration:none}
  a:hover{color:#a6efff}
  a:focus-visible,button:focus-visible{outline:2px solid #6DE3FF;outline-offset:3px;border-radius:4px}
  @media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}


/* hover states */
.kraken-h1:hover{color:#6DE3FF !important}
.kraken-h2:hover{background:rgba(109,227,255,.09) !important}
.kraken-h3:hover{transform:translateY(-2px) !important;box-shadow:0 10px 32px rgba(49,87,245,.5),inset 0 1px 0 rgba(255,255,255,.24) !important;filter:brightness(1.12) !important}
.kraken-h4:hover{color:#a6efff !important}