html, body { margin: 0; padding: 0; background: #0C0714; }
* { box-sizing: border-box; }
a { color: #F0A8C4; text-decoration: none; }
a:hover { color: #ffffff; }
::selection { background: #A25BE0; color: #fff; }

@keyframes laFloat { 0%,100% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(0,-40px,0) scale(1.08); } }
@keyframes laPulse { 0%,100% { opacity: .35; transform: scale(1); } 50% { opacity: .8; transform: scale(1.35); } }

@media (max-width: 700px) {
  header { padding: 10px 12px !important; gap: 10px !important; margin-top: 10px !important; width: calc(100% - 20px) !important; border-radius: 28px !important; }
  header > a > span:last-child { display: none !important; }
  header nav { gap: 4px !important; }
  header nav a { padding: 9px 14px !important; font-size: 13px !important; }
  section { padding-left: 14px !important; padding-right: 14px !important; }
  footer { padding-left: 14px !important; padding-right: 14px !important; }
  footer > span:last-child { font-size: 12px !important; }
}