html, body { margin: 0; padding: 0; background: #060604; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; font-family: inherit; border: none; background: none; color: inherit; }
input, textarea { font-family: inherit; color: inherit; }
img { display: block; max-width: 100%; }
::selection { background: #F0B90B; color: #000; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0a07; }
::-webkit-scrollbar-thumb { background: #2a2718; border-radius: 5px; }
input::placeholder, textarea::placeholder { color: #57543f; }
input:focus, textarea:focus { outline: none; border-color: #F0B90B !important; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes pulseDot { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }
@keyframes popIn { from { opacity: 0; transform: translateY(14px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes confettiFall { from { transform: translateY(-8vh) rotate(0deg); opacity: 1; } to { transform: translateY(105vh) rotate(720deg); opacity: 0.8; } }
@keyframes toastIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }