.login-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px}
.login-popup{width:min(390px,100%);max-height:calc(100vh - 36px);overflow-y:auto;background:#050a11;border:1px solid #26384b;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.login-popup-header{height:32px;min-height:32px;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;border-bottom:1px solid #162534}
.login-content{padding:24px 22px 26px}
.login-title-row{display:flex;align-items:center;justify-content:center;position:relative}
.login-title{text-align:center;font-size:21px;font-weight:800;letter-spacing:2px}
.login-close{position:absolute;right:0;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#9da9b7;text-decoration:none;font-size:24px;line-height:1}
.login-close:hover{color:#fff}
.login-line{width:55px;height:2px;margin:13px auto 23px;background:linear-gradient(90deg,#20e58b,#725cff)}
.login-links{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.signup-link,.forgot-link{color:#778698;font-size:11px;text-decoration:none}
.signup-link:hover,.forgot-link:hover{color:#35e397}
.field,.captcha-section{margin-bottom:16px}
.field label,.captcha-section label{display:block;margin-bottom:7px;color:#8290a1;font-size:9px;font-weight:700;letter-spacing:1.4px}
.field input,.captcha-section input{width:100%;height:46px;border:1px solid #243649;border-radius:10px;background:#08111b;color:#fff;padding:0 13px;font-size:15px;outline:none}
.field input:focus,.captcha-section input:focus{border-color:#20d98a;box-shadow:0 0 0 2px rgba(32,217,138,.08)}
.password-wrap{position:relative}
.password-wrap input{padding-right:48px}
.password-toggle{position:absolute;right:4px;top:4px;width:38px;height:38px;border:0;border-radius:8px;background:transparent;color:#758396;cursor:pointer}
.captcha-row{display:flex;gap:8px;margin-bottom:8px}
.captcha-text{flex:1;height:46px;border:1px solid #243649;border-radius:10px;background:#101c2a;display:flex;align-items:center;justify-content:center;color:#35e397;font-size:19px;font-weight:800;letter-spacing:5px;font-family:monospace}
.captcha-refresh{width:46px;height:46px;border:1px solid #243649;border-radius:10px;background:#08111b;color:#b9c5d1;font-size:21px;cursor:pointer}
.login-submit{width:100%;height:48px;margin-top:5px;border:1px solid #20b978;border-radius:10px;background:linear-gradient(180deg,#13a968,#0b8551);color:#fff;font-size:13px;font-weight:800;letter-spacing:1.2px;cursor:pointer}
.login-message{min-height:18px;margin-top:10px;text-align:center;color:#ff7777;font-size:10px}
.forgot-link{display:block;margin-top:14px;text-align:center;color:#778698;font-size:11px;text-decoration:none}
.forgot-link:hover{color:#35e397}
.captcha-img{
    width:125px !important;
    height:50px !important;
    flex:0 0 125px !important;
    max-width:125px !important;
    object-fit:fill;
    display:block;
    border:1px solid #243649;
    border-radius:8px;
    background:#08111b;
}

@media(max-width:420px)
{
.login-overlay{padding:12px}
.login-popup{width:100%;border-radius:16px}
.login-content{padding:22px 18px 24px}
.captcha-img{
        width:135px !important;
        height:50px !important;
        flex:0 0 135px !important;
        max-width:135px !important;
    }
}