Custom Filament Auth

filament.css

.filament-login-page {
    @apply block p-0 m-0 bg-none dark:bg-none;

    > div:first-child {
        @apply p-0 m-0 bg-white/70 backdrop-blur-xl relative dark:bg-black/80 h-screen flex flex-col space-y-0 max-w-sm border-r-4 border-primary-500;

        > form:first-child {
            @apply border-none rounded-none relative flex-1 bg-transparent shadow-none grid content-center dark:bg-transparent backdrop-blur-none;

            label span:not(input + span) {
                @apply text-xs;
            }

            input[type="text"],
            input[type="email"],
            input[type="password"] {
                @apply rounded-full;
            }

            button {
                @apply rounded-full py-3;
            }
        }

        .filament-footer {
            @apply pt-6 pb-12;
        }
    }

    &::before {
        content: '';
        background-image: url('https://source.unsplash.com/random/?abstract');
        @apply absolute inset-0 bg-cover bg-center bg-no-repeat;
    }
}