/* AI Crop Analytics Platform — custom styles
   (Tailwind utility classes are used inline in index.html; these are the
   handful of custom animations/gradients Tailwind doesn't cover.) */

        .auth-img-fallback { background: linear-gradient(135deg, #14532d, #166534 45%, #0f172a); }
        .hero-fallback { background: linear-gradient(120deg, #0f172a, #14532d 60%, #166534); }
        .animate-modal-in {
            animation: modal-in 0.22s ease-out;
        }
        @keyframes modal-in {
            from { opacity: 0; transform: translateY(16px) scale(0.98); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        .scan-line {
            position: absolute; left: 0; right: 0; height: 2px;
            background: linear-gradient(90deg, transparent, #22c55e, transparent);
            box-shadow: 0 0 8px 2px rgba(34,197,94,0.7);
            animation: scan-sweep 1.6s ease-in-out infinite;
        }
        @keyframes scan-sweep {
            0% { top: 0%; opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { top: 100%; opacity: 0; }
        }