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

body { 
    font-family: 'Inter', sans-serif; 
    -webkit-tap-highlight-color: transparent;
    background-color: #020617; 
    color: #f1f5f9; 
    overscroll-behavior: none;
}

.animate-up { 
    animation: fadeInUp 0.3s ease-out forwards; 
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Hardware-accelerated Toast Animations */
@keyframes toastSlide {
    0% { transform: translateY(150%) scale(0.9); opacity: 0; }
    10% { transform: translateY(0) scale(1); opacity: 1; }
    90% { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(150%) scale(0.9); opacity: 0; }
}

.animate-toast { 
    animation: toastSlide 3s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}

.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}

.shadow-glow { 
    box-shadow: 0 0 20px -5px rgba(59, 130, 246, 0.2); 
}

.shadow-glow-red { 
    box-shadow: 0 0 20px -5px rgba(220, 38, 38, 0.3); 
}

.nav-blur { 
    backdrop-filter: blur(16px); 
    -webkit-backdrop-filter: blur(16px); 
}

input, select { 
    font-size: 16px !important; 
    color-scheme: dark; 
    background-color: #1e293b !important; 
    border-color: #334155 !important; 
    color: #f1f5f9 !important;
}

::placeholder { 
    color: #64748b !important; 
}

input[type="file"] { 
    display: none; 
}