@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800;900&display=swap');

:root {
    --primary: #2563eb; /* Royal Blue */
    --dark: #020617;    /* Slate Dark */
}

body {
    background-color: var(--dark);
    font-family: 'Inter', sans-serif;
    color: white;
    overflow-x: hidden;
}

/* Preloader */
#preloader {
    position: fixed; inset: 0; background: #000; z-index: 9999;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    transition: opacity 0.8s ease;
}
.loader-ring {
    width: 60px; height: 60px;
    border: 3px solid rgba(255,255,255,0.1); border-top: 3px solid var(--primary);
    border-radius: 50%; animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Neon Effects */
.neon-text {
    text-shadow: 0 0 30px rgba(37, 99, 235, 0.5);
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--dark); }
::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary); }