body {
            background-color: #f8f9fa;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .login-card {
            max-width: 400px;
            width: 100%;
            padding: 1.5rem; /* Reduced padding for shorter height */
            border-radius: 1rem;
            border: 1px solid #eee;
            background: #fff;
            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
        }
        .icon-box {
            background-color: #0d6efd;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            margin: 0 auto 0.75rem;
        }
        .btn-outline-custom {
            border: 1px solid #dee2e6;
            color: #495057;
            font-weight: 500;
        }
        .btn-outline-custom:hover {
            background-color: #f8f9fa;
            border-color: #ced4da;
        }
        .divider {
            display: flex;
            align-items: center;
            text-align: center;
            color: #adb5bd;
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 1rem 0;
        }
        .divider::before, .divider::after {
            content: '';
            flex: 1;
            border-bottom: 1px solid #eee;
        }
        .divider:not(:empty)::before { margin-right: .75rem; }
        .divider:not(:empty)::after { margin-left: .75rem; }
        
        .form-control:focus {
            box-shadow: 0 0 0 0.25 darkgrey; /* Subtle focus */
            border-color: #0d6efd;
        }
        .form-label {
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
        }