/* SITE2_REGISTER_POLISH_V1 */
/* Registration modal only - visual changes */

#registerModal .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;
}

#registerModal .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));
}

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

#registerModal .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;
}

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

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

#registerModal .register-optional {
    color: #929eae !important;
    font-size: 11px !important;
    font-weight: 450 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

#registerModal .form-group input:not([type="checkbox"]):not([type="radio"]),
#registerModal .form-group select,
#registerModal .form-group textarea {
    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: 52px !important;
    padding: 0 15px !important;

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

#registerModal .form-group textarea {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

#registerModal .form-group input:not([type="checkbox"]):not([type="radio"]):hover,
#registerModal .form-group select:hover,
#registerModal .form-group textarea:hover {
    border-color: #6e5360 !important;
}

#registerModal .form-group input:not([type="checkbox"]):not([type="radio"]):focus,
#registerModal .form-group select:focus,
#registerModal .form-group textarea: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;
}

#registerModal .form-group input::placeholder,
#registerModal .form-group textarea::placeholder {
    color: #8190a1 !important;
    opacity: 1 !important;
}

#registerModal .register-check {
    color: #cdd2dc !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

#registerModal .register-check input[type="checkbox"] {
    accent-color: #d64152 !important;
}

#registerModal #registerNextBtn,
#registerModal #registerBtn {
    min-height: 52px !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;
}

#registerModal #registerNextBtn:hover,
#registerModal #registerBtn:hover {
    filter: brightness(1.07);
}

#registerModal #registerNextBtn:focus-visible,
#registerModal #registerBtn:focus-visible,
#registerModal #registerBackBtn:focus-visible {
    outline: 2px solid #ffd29e !important;
    outline-offset: 3px !important;
}

#registerModal #registerBackBtn {
    min-height: 52px !important;
    border-radius: 13px !important;
    color: #e9edf2 !important;
    background: #1c232b !important;
    border: 1px solid #46505d !important;
    font-weight: 700 !important;
}

#registerModal #registerBackBtn:hover {
    background: #28303b !important;
    border-color: #9c6470 !important;
}

#registerModal .register-step-actions {
    gap: 10px !important;
}

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

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

#registerModal .modal-switch a:hover {
    color: #ffaba3 !important;
    text-decoration: underline;
}

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

    #registerModal .form-group input:not([type="checkbox"]):not([type="radio"]),
    #registerModal .form-group select {
        min-height: 50px !important;
    }

    #registerModal #registerNextBtn,
    #registerModal #registerBtn,
    #registerModal #registerBackBtn {
        min-height: 50px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #registerModal .modal-close,
    #registerModal .form-group input,
    #registerModal .form-group select,
    #registerModal .form-group textarea {
        transition: none !important;
    }
}