body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        .police-gradient {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        }
        .accent-glow {
            box-shadow: 0 0 20px rgba(37, 99, 235, 0.2);
        }
        .text-glow {
            text-shadow: 0 0 15px rgba(37, 99, 235, 0.5);
        }
        @keyframes pulse-red {
            0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
            100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
        }
        .alert-pulse {
            animation: pulse-red 2s infinite;
        }

        @media (max-width: 768px) {
            body {
                font-size: 15px;
            }

            .reveal {
                transform: translateY(18px);
                transition-duration: 0.55s;
            }

            .text-glow {
                text-shadow: 0 0 8px rgba(37, 99, 235, 0.35);
            }

            .accent-glow {
                box-shadow: 0 0 12px rgba(37, 99, 235, 0.18);
            }
        }

        @media (max-width: 520px) {
            .alert-pulse {
                animation: none;
            }

            .reveal {
                transform: translateY(12px);
            }
        }