* { margin: 0px; padding: 0px; border: 0px; font-weight: normal; font-size: 100%; list-style: none; line-height: 1; outline: 0px; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }
body { background-color: #242424 !important; font-size: 16px; font-family: 'Inter', sans-serif; }
input { font-size: 16px !important; font-family: 'Inter', sans-serif; }
#login-message { display: none; }
#login { position: absolute; z-index: 200; bottom: 0px; left: 0px; width: 60%; height: auto; padding: 60px 80px; }
#login header img { display: block; width: 60px; margin-bottom: 20px; border-radius: 10px; }
#login header h6 { display: block; font-weight: bold; font-size: 32px; color: #fff; }
#login header p { display: block; margin-top: 20px; font-weight: 500; font-size: 18px; color: #fff; }
#login form { display: flex; align-items: center; gap: 15px; }
#login form input { width: 340px; height: 62px; padding: 0px 30px; border-radius: 20px; }
#login form input[type=submit] { width: 180px; background-color: #DD3543; color: #fff; text-align: center; text-transform: none; transition: all .5s ease; }
#login form input[type=submit]:hover { background-color: #333; }
.wp-hide-pw { position: absolute; top: 50% !important; right: 10px !important; width: auto; height: auto; color: #666 !important; border: none !important; transform: translateY(-50%); background-color: transparent !important; }
.wp-hide-pw:hover { background-color: transparent !important; border-color: none !important; color: #666 !important; }
.wp-hide-pw:focus { background-color: transparent !important; color: #666 !important; border-color: none !important; box-shadow: none !important; outline: none !important; }
#slide { position: fixed; top: 30px; left: 30px; width: calc(100% - 60px); height: calc(100% - 60px); background-color: #000; border-radius: 40px; overflow: hidden; box-shadow: 0px 20px 20px rgba(0,0,0,.5); opacity: .5; }
#slide .img { position: relative; width: 100%; height: calc(100vh - 60px); }
#slide .img img { width: 100%; height: 100%; object-fit: cover; }
#login_error { position: fixed; top: 60px; left: 50%; width: auto; padding: 10px 30px; border-radius: 40px; background-color: #DD3543; color: #fff; font-weight: bold; font-size: 13px; transform: translateX(-50%); }
#login_error a { display: none; }

/* remove */
.wp-pwd,
.login .submit .button { margin-top: 0px !important; }
.wp-pwd [type=password], .wp-pwd [type=text] { min-height: 0px; }
input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { padding: 0px; min-height: auto; box-shadow: none; border-radius: 0px; border: none; }
input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus { border: none; box-shadow: none; outline: none; }

@media (max-width: 1000px){

    /* login */
    #login { width: 100%; height: auto; text-align: center; }
    #login header { display: block; margin-bottom: 20px; }
    #login header img { margin: 0px auto 20px auto; }
    #login form { width: 100%; flex-direction: column; }
    #login form p,
    #login form .user-pass-wrap,
    #login form .submit { width: 100%; }
    #login form input { width: 100%; }
    #login form input[type=submit] { width: 100%; }
    p.submit { margin-top: 0px; padding-top: 0px; }

}

@media (max-width: 600px){

    /* login */
    #login { padding: 20px 40px; }
    #login header h6 { font-size: 24px; }
    #login header p { font-size: 14px; }
    #slide { top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); }
    #slide .img { height: calc(100vh - 40px); }

}