body {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
}
        .login-container {
            margin: auto;
            background-color: #fff;
            padding: 30px;
            border-radius: 15px;
            width: 100%;
            max-width: 350px;
            text-align: right;
            border: 1px solid #a0c4ff25;
            border: 3px solid #777;
        }
        h2 {
            color: #1e3a8a;
            margin-bottom: 25px;
            font-size: 1.8em;
            border-bottom: 2px solid #a0c4ff;
            padding-bottom: 10px;
        }
        input[type="text"], input[type="password"] {
            width: 100%;
            padding: 12px;
            margin-bottom: 15px;
            border: 1px solid #b3cde0;
            border-radius: 8px;
            box-sizing: border-box;
            font-size: 1em;
        }
        input:focus {
            border-color: #3b82f6;
            outline: none;
            box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
        }
        button[type="submit"] {
            width: 100%;
            background-color: #777;
            color: white;
            padding: 12px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 1.1em;
            font-weight: bold;
            transition: 0.5s;
        }
        button[type="submit"]:hover {
            opacity: 0.8;
        }
        .error-message {
            background-color: #fdd;
            color: #c0392b;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 15px;
            text-align: center;
            border: 1px solid #e74c3c;
        }