/* LTR Auth Styles */

.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}

.animated-bg {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.custom-input:focus {
    box-shadow: 0 0 0 4px rgba(108, 13, 154, 0.1);
}

/* Floating shapes */
.shape-blob {
    position: absolute;
    background: linear-gradient(135deg, rgba(108, 13, 154, 0.4) 0%, rgba(239, 197, 74, 0.4) 100%);
    border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
    filter: blur(40px);
    z-index: 0;
    animation: blob-float 10s infinite alternate;
}

@keyframes blob-float {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    100% {
        transform: translate(20px, 40px) rotate(20deg);
    }
}

/* Specific LTR Overrides if any (Tailwind usually handles logical properties) */
body {
    direction: ltr;
    text-align: left;
}