body {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
}

.login-container {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.input-group {
    position: relative;
}

    .input-group input:focus + label,
    .input-group input:not(:placeholder-shown) + label {
        transform: translateY(-20px) scale(0.85);
        color: #667eea;
    }

    .input-group label {
        transition: all 0.3s ease;
        pointer-events: none;
    }