html, body { margin:0; padding:0; background:#07060a; }
  a { color:inherit; text-decoration:none; }
  input, textarea, button, a { font-family: inherit; }
  :focus { outline:none; }
  input::placeholder, textarea::placeholder { color:#0a0a0a; opacity:.78; font-weight:700; letter-spacing:.04em; }
  a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline:2px solid #F4FF1E; outline-offset:3px; }
  [data-focus-target]:focus-visible { outline:2px dashed rgba(244,255,30,.9); outline-offset:8px; }
  @keyframes drift1 { 0%{transform:scale(1.14) translate3d(-1.5%,1%,0)} 50%{transform:scale(1.22) translate3d(1.5%,-1.5%,0)} 100%{transform:scale(1.14) translate3d(-1.5%,1%,0)} }
  @keyframes drift2 { 0%{transform:scale(1.2) translate3d(1.5%,-1%,0)} 50%{transform:scale(1.1) translate3d(-2%,1.5%,0)} 100%{transform:scale(1.2) translate3d(1.5%,-1%,0)} }
  @keyframes drift3 { 0%{transform:scale(1.1) translate3d(0,0,0)} 50%{transform:scale(1.26) translate3d(-1%,-2%,0)} 100%{transform:scale(1.1) translate3d(0,0,0)} }
  @keyframes grainshift { 0%{transform:translate3d(0,0,0)} 25%{transform:translate3d(-2%,1%,0)} 50%{transform:translate3d(1%,-2%,0)} 75%{transform:translate3d(-1%,-1%,0)} 100%{transform:translate3d(0,0,0)} }
  @keyframes tracking { 0%{top:-30%} 100%{top:120%} }
  @media (prefers-reduced-motion: reduce) { [data-anim] { animation: none !important; } }

.hover-0:hover{color:#fff;text-shadow:0 0 26px rgba(255,255,255,.85)}
.hover-1:hover{filter:none;transform:translateY(-4px)}
.hover-2:hover{color:#F4FF1E}
.hover-3:hover{color:#F4FF1E;border-color:#F4FF1E}
.hover-4:hover{color:#F4FF1E;border-color:#F4FF1E}
.hover-5:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 #0a0a0a}
.hover-6:hover{color:#C6FF1E;border-color:#C6FF1E}
.hover-7:hover{color:#C6FF1E;border-color:#C6FF1E}
.hover-8:hover{color:#fff;text-shadow:0 0 22px rgba(255,255,255,.8)}