/* SITE2_LOGIN_POLISH_V1
   Only login modal. No form logic or backend changes.
*/

#loginModal .modal-box {
    background:
        radial-gradient(
            ellipse at 50% -12%,
            rgba(151, 38, 49, .16),
            transparent 55%
        ),
        linear-gradient(
            165deg,
            #181d1e 0%,
            #10151b 42%,
            #090d13 100%
        ) !important;

    border: 1px solid rgba(223, 173, 93, .34) !important;
    border-radius: 22px !important;

    box-shadow:
        0 26px 72px rgba(0, 0, 0, .65),
        0 0 36px rgba(160, 32, 49, .11),
        inset 0 1px 0 rgba(255, 226, 168, .07) !important;
}

#loginModal .modal-logo-image {
    max-width: 156px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    filter: drop-shadow(
        0 4px 8px rgba(190, 40, 40, .13)
    );
}

#loginModal .modal-subtitle {
    color: #fff8f0 !important;
    letter-spacing: -.55px !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .28);
}

#loginModal .modal-close {
    color: #e9e9ec !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 13px !important;
    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}

#loginModal .modal-close:hover,
#loginModal .modal-close:focus-visible {
    color: #fff !important;
    background: rgba(179, 43, 56, .20) !important;
    border-color: rgba(245, 138, 132, .48) !important;
}

#loginModal .form-group label {
    color: #cdd2dc !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    letter-spacing: .3px !important;
}

#loginModal .form-group input {
    box-sizing: border-box !important;
    background: linear-gradient(
        180deg,
        #0d141e,
        #0a1019
    ) !important;
    border: 1px solid #39485b !important;
    border-radius: 12px !important;
    color: #f8f5f1 !important;
    min-height: 54px !important;
    padding: 0 16px !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}

#loginModal .form-group input:hover {
    border-color: #6e5360 !important;
}

#loginModal .form-group input:focus {
    outline: none !important;
    border-color: #e36b72 !important;
    background: #101723 !important;

    box-shadow:
        0 0 0 3px rgba(217, 65, 79, .13),
        inset 0 0 0 1px rgba(232, 120, 120, .08)
        !important;
}

#loginModal .form-group input::placeholder {
    color: #8190a1 !important;
}

#loginModal #loginBtn {
    min-height: 54px !important;
    border-radius: 13px !important;

    color: #fff8ee !important;
    font-weight: 800 !important;
    letter-spacing: .15px !important;

    background: linear-gradient(
        110deg,
        #f46a67 0%,
        #df4051 47%,
        #a31e32 100%
    ) !important;

    border: 1px solid #f08c80 !important;

    box-shadow:
        0 9px 24px rgba(178, 29, 54, .24),
        inset 0 1px 0 rgba(255, 255, 255, .20)
        !important;

    text-shadow: 0 1px 2px rgba(65, 0, 0, .2);

    transition:
        filter .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

#loginModal #loginBtn:hover {
    filter: brightness(1.07);
    box-shadow:
        0 11px 28px rgba(192, 39, 63, .32),
        inset 0 1px 0 rgba(255, 255, 255, .20)
        !important;
}

#loginModal #loginBtn:active {
    transform: translateY(1px);
}

#loginModal #loginBtn:focus-visible {
    outline: 2px solid #ffd29e !important;
    outline-offset: 3px;
}

#loginModal .modal-switch {
    border-top-color: rgba(221, 184, 130, .17)
        !important;
    color: #aab3c1 !important;
}

#loginModal .modal-switch a {
    color: #ff777b !important;
    font-weight: 800 !important;
    text-decoration: none;
}

#loginModal .modal-switch a:hover,
#loginModal .modal-switch a:focus-visible {
    color: #ffaba3 !important;
    text-decoration: underline;
}

@media (max-width: 600px) {
    #loginModal .modal-box {
        border-radius: 20px !important;
    }

    #loginModal #loginBtn {
        min-height: 52px !important;
    }
}