/* assets/css/style.css */

/* --- Dark Mode Background (Default or when .dark class is present) --- */
html.dark body {
    background: radial-gradient(circle at top, #1e1b4b 0%, #0f172a 100%);
    background-attachment: fixed;
    color: #e2e8f0; /* slate-200 */
}

/* --- Light Mode Background --- */
html:not(.dark) body {
    background: radial-gradient(circle at top, #f3f4f6 0%, #ffffff 100%);
    background-attachment: fixed;
    color: #1e293b; /* slate-800 */
}

/* Hide Scrollbar */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Neon Glow Animation */
@keyframes neonPulse {
    0% { box-shadow: 0 0 5px rgba(168, 85, 247, 0.4); }
    50% { box-shadow: 0 0 20px rgba(168, 85, 247, 0.8), 0 0 10px rgba(236, 72, 153, 0.6); }
    100% { box-shadow: 0 0 5px rgba(168, 85, 247, 0.4); }
}
.animate-neon { animation: neonPulse 3s infinite; }

/* Glassmorphism - Adaptive */
.glass-card {
    background: rgba(255, 255, 255, 0.7); /* Light mode glass */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

html.dark .glass-card {
    background: rgba(30, 41, 59, 0.4); /* Dark mode glass */
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Footer Centering Fix */
footer .footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* iOS Input Fix */
input, select, textarea { font-size: 16px !important; }