/* Reset, base typography, scrollbar, and page-level layout. */

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.spin-icon { animation: spin 1.2s linear infinite; }

/* Custom Modern Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.4); border-radius: 4px; }
::-webkit-scrollbar-thumb { background: rgba(99, 102, 241, 0.4); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(99, 102, 241, 0.8); }

* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', sans-serif; }
body { background-color: var(--bg-page); color: var(--text-primary); min-height: 100vh; padding: 24px; }
.container { max-width: 1100px; margin: 0 auto; }