/* DIBIKIN OTOMATIS oleh tools/port_mockup.mjs — JANGAN diedit tangan.
 *
 * Isinya cuma gaya INTERAKTIF (:hover/:active/:focus) yang di paket desain
 * ditulis sebagai atribut `style-hover` dkk. Atribut itu bukan HTML sungguhan;
 * kalau dibiarin, seluruh interaksi mati diam-diam — kelihatan sama persis,
 * tapi ga ada yang ngangkat pas disorot dan ga ada yang turun pas ditekan.
 *
 * Nama kelas diambil dari hash isi aturannya, bukan nomor urut: dengan nomor
 * urut, nambah satu elemen di tengah bikin semua kelas sesudahnya geser dan
 * diff-nya jadi ratusan baris yang ga bisa direviu siapa pun.
 */

.ma-1m9fzey:active { transform:translateY(3px);box-shadow:0 4px 9px rgba(115,85,232,.4),inset 0 2px 0 rgba(255,255,255,.4); }
.ma-hlhm99:active { transform:translateY(2px); }
.ma-hlidzi:active { transform:translateY(3px); }
.mf-12spf6:focus { box-shadow:inset 0 2px 6px rgba(104,92,180,.18),0 0 0 3px rgba(155,123,255,.35); }
.mh-1hyl3en:hover { transform:translateY(-6px) rotate(-.6deg); }
.mh-1kv3822:hover { transform:translateY(-4px) rotate(-1deg); }
.mh-1nxohat:hover { color:#2b2a40;background:#fdfcff;box-shadow:0 12px 26px rgba(104,92,180,.18),inset 0 2px 0 rgba(255,255,255,.9); }
.mh-cbfixo:hover { transform:translateY(-4px); }
.mh-qtx3lo:hover { transform:translateY(-4px) rotate(-.5deg); }