body {
            background-color: #f4f7f9;
            font-family: Arial, Helvetica, sans-serif;
            color: #2c2c2c;
        }

        .login-wrapper {
            max-width: 480px;
            margin: 80px auto;
            background: #ffffff;
            padding: 40px;
            border: 1px solid #d9e1e8;
        }

        .login-icon {
            font-size: 32px;
            color: #286fb7;
            text-align: center;
            margin-bottom: 20px;
        }

        .login-title {
            font-size: 22px;
            font-weight: 600;
            color: #286fb7;
            text-align: center;
            margin-bottom: 10px;
        }

        .login-description {
            font-size: 14px;
            text-align: justify;
            margin-bottom: 30px;
        }

        .form-label {
            font-size: 13px;
            font-weight: 600;
        }

        .form-control {
            border-radius: 0;
            height: 44px;
            font-size: 14px;
        }

        .btn-login {
            background-color: #286fb7;
            color: #ffffff;
            border: none;
            border-radius: 0;
            width: 100%;
            height: 45px;
            font-size: 14px;
            font-weight: 600;
        }

            .btn-login:hover {
                background-color: #1f5d99;
                color: #ffffff;
            }

        .login-links {
            margin-top: 15px;
            font-size: 13px;
            text-align: center;
        }

            .login-links a {
                color: #286fb7;
                text-decoration: none;
            }

                .login-links a:hover {
                    text-decoration: underline;
                }

        .login-footer {
            margin-top: 30px;
            font-size: 12px;
            color: #666;
            text-align: center;
            border-top: 1px solid #d9e1e8;
            padding-top: 15px;
        }