body {
            background-color: #121212;
            color: #ffffff;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        .login-container {
            position:relative;
            background-color: #1e1e1e;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            width: 300px;
            text-align: center;
        }
        input[type="text"], input[type="password"] {
    width: 92%;
    padding: 10px;
    margin: 10px 0;
    border: none;
    border-radius: 4px;
    background-color: #ebebeb;
            color: #121212;
        }
        body button#gggg {
            background: linear-gradient(354deg, #425460 0%, #285572 35%, #1c5c87 100%);
            color: white;
            border: none;
            padding: 10px;
            border-radius: 4px;
            cursor: pointer;
            width: 100px;
            margin: 5px 0!important;
        }
        button:hover {
            background-color: #0056b3;
        }
        p {
            color: red;
        }
        .fds {
            position: absolute;
            display: block;
            bottom: -26px;
            color: #999;
            text-transform: uppercase;
            font-size: 12px;
            right: 20px;
        }
        .fds a {
            color: #999;
            text-transform: uppercase;
            font-size: 12px;
        }
        body .logo img {
            height: 70px;
            margin-top: 9px;
            position: fixed;
            margin: auto;
            left: 0 !important;
            right: 0;
            top: -319px;
            bottom: 0;
        }
    @media (max-width:980px) {
        html body .logo img {
    top: -40px!important;
}
         body .logo img {
            top: -319px;
        }
    }
/* Капча стилями для подсказки */
.captcha-container {
margin-top: 15px;
border: 2px dashed #666;
padding: 10px;
border-radius: 6px;
background-color: #252525;
user-select: none;
}
.captcha-instruction {
margin-bottom: 10px;
font-size: 14px;
color: #ccc;
}
.captcha-input {
width: 80%;
padding: 8px;
border: none;
border-radius: 4px;
background-color: #333;
color: #fff;
}
p.error {
color: red;
}
img.captcha-img {
margin: 10px 0;
border: 1px solid #444;
border-radius: 4px;
user-select: none;
}
body .logo img {
    /* margin-top: 80px !important; */
    height: 70px;
    margin-top: 9px;
    position: fixed;
    margin: auto;
    left: 0 !important;
    right: 0;
    top: -319px;
    bottom: 263px;
    width: 263px;
    height: auto;
}

@media (max-width:980px) {
html button#settingsButton {
            margin-left:0px!important;
            right:auto!important;
}
}
    body #settingsModal {
        background: #ffffff;
    }
    body .login-container {
    background-color: #ffffff;
    }
    body input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #ededed inset;
    }
    body button[type="submit"] {
    background: linear-gradient(45deg, #ffc300, #e78e20)!important;
    box-shadow: 0 4px 12px rgba(231, 142, 32, 0.7);
    transition: background 0.3s ease, transform 0.2s ease;
    user-select: none;
}