body {
            background: linear-gradient(135deg, #f0f4ff, #e9efff);
            min-height: 100vh; /* Changed from height to min-height */
            font-family: 'Inter', sans-serif;
            margin: 0;
            display: flex; /* Flex on body ensures centering works even if wrapper height is dynamic */
            align-items: center;
            justify-content: center;
        }

        .login-wrapper {
            width: 100%;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            /* height: 100vh; Removed to prevent cut-off on small screens */
        }

        .login-card {
            background: #fff;
            padding: 35px 30px;
            border-radius: 12px;
            width: 100%;
            max-width: 380px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.05); /* Softened shadow */
        }

        .login-logo {
            width: 70px;
        }

        .form-control {
            border-radius: 8px;
            padding: 10px 12px;
        }

        .btn-primary {
            border-radius: 8px;
            background-color: #4f6df5;
            border: none;
        }

        .btn-primary:hover {
            background-color: #3f5be0;
        }

        /* Mobile Adjustments */
        @media (max-width: 576px) {
            .login-card {
                padding: 25px 20px;
                max-width: 100%; /* Full width on very small screens */
            }
        }