@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Reset */
body {
    -webkit-tap-highlight-color: transparent;
}

/* Glassmorphism Utility */
.glass-card {
    background: rgba(30, 41, 59, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
    animation: blob 7s infinite;
}

.animation-delay-2000 {
    animation-delay: 2s;
}

/* Scanner Overlay Pulse */
@keyframes pulseSlow {
    0%, 100% { box-shadow: 0 0 0 0px rgba(255, 107, 0, 0.2); border-color: rgba(255, 107, 0, 0.8); }
    50% { box-shadow: 0 0 0 15px rgba(255, 107, 0, 0); border-color: rgba(255, 107, 0, 0.4); }
}

.animate-pulse-slow {
    animation: pulseSlow 3s infinite;
}

/* Input Autofill Fix */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #1e293b inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}