.auth-popup {position: fixed;z-index: 99999999999999;background: #000000bf;width: 100%;height: 100vh;top: 0;visibility:hidden; pointer-events: none;  display:flex; align-items:center; justify-content:center;transition:none;
    .top-section { text-align:center; width: min(380px,100%);margin:0 0 30px;display:flex;flex-direction:column;gap:10px!important;
        h3 {font-weight: 600; text-align:center;margin:auto;}
        p {font-size:15px;margin: auto; line-height:1.3;}
        .tiny{text-align:center;margin-top: 20px;}
    }
    .btn,button{transition:none;}
    .auth-card{ position:relative; width:min(450px, 92vw); margin:auto; background:#fff; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,.18); padding:50px 30px; }
    .auth-close{ position:absolute; top:10px; right:10px; width:40px; height:40px; border:0; cursor:pointer; font-size:18px;padding: 0;background:none; }
    .auth-close svg {width:13px;}
    .tabs{ display:flex; gap:8px; margin-bottom:14px; }
    .tab-btn{ flex:1; border:1px solid #ddd; background:#fafafa; border-radius:8px; padding:10px; cursor:pointer; font-weight:600; }
    .tab-btn.is-active{ background:#111; color:#fff; border-color:#111; }
    .auth-form{ display:block; }
    .auth-form.is-hidden{ display:none; }
    .grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .field{ display:flex; flex-direction:column; gap:6px; margin-bottom:15px; }
    .field input{ border:1px solid #ddd; border-radius:8px; padding:10px; font-size:13px; }
    .muted{ color:#666; }
    .tiny{ font-size:12px; }
    .help-row{ margin-top:10px; text-align:center; font-weight: 600; font-size: 15px; }
    .auth-msg{ min-height:18px; margin-top:8px; font-size:14px; }
    .auth-msg.error{ color:#b00020; }
    .auth-msg.ok{ color:#0a7a2f; }
    label{font-size: 15px;margin:0;}
    [type="submit"]{width:100%;}
    .switch-type {border-top: 1px solid #ddd;padding: 20px 0 0;}
    a{text-decoration:none; }
    a:active:not(button,.btn),a:visited:not(button,.btn) {color: blue;}
    .remove-space{padding: none; border-top:none; margin: none;text-align:center;font-weight:600;}
    .showpass{display:flex;align-items:center;gap:5px;cursor:pointer;}
    .showpass [type="checkbox"] {width:16px;}
}
.auth-popup.show_popup{visibility:visible; pointer-events: auto; }