/* =============================================================================
   auth-theme.css — creative login/register skin (body.pages-login-login)
   COSMETIC ONLY. No markup/JS changes; every field, id, name, onclick preserved.
   Loaded after ui-enhance.css so it wins.
   ============================================================================ */

/* ---- animated gradient backdrop + floating glow blobs ---- */
body.pages-login-login{
    font-family:'Poppins',system-ui,sans-serif !important;
    background:#101b38 !important;          /* simple solid color */
    background-attachment:fixed !important; min-height:100vh; overflow-x:hidden;
}
body.pages-login-login .content{
    position:relative !important;z-index:1 !important;background:transparent !important;min-height:100vh !important;padding:0 16px 44px !important}

/* ---- hero: drop the old banner, center a glowing animated logo ---- */
body.pages-login-login .bj{
    display:block !important;width:100% !important;position:relative;z-index:1;overflow:visible;
    text-align:center !important;padding:70px 0 40px !important}
body.pages-login-login .bj > *:not(.logo){display:none !important}
body.pages-login-login .bj .login_bj{display:none !important}
body.pages-login-login .bj .logo{
    position:static !important;display:inline-block !important;float:none !important;margin:0 auto !important;
    width:92px !important;height:92px !important;border-radius:50% !important;overflow:hidden;
    border:3px solid rgba(255,255,255,.85) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.45) !important}
body.pages-login-login .bj .logo img,
body.pages-login-login .bj .logo div{width:100% !important;height:100% !important;border-radius:50% !important}

/* ---- card with gradient border + glass ---- */
body.pages-login-login .login_con{padding:16px 0 30px !important;position:relative;z-index:1}
body.pages-login-login .login_con .login_con_box{
    border:1px solid rgba(255,255,255,.12) !important;border-radius:20px !important;padding:24px 20px !important;
    background:rgba(255,255,255,.05) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.45) !important}

/* ---- segmented Login / Register tabs ---- */
body.pages-login-login .login_con .login_title{ display:none !important; }   /* unnecessary tab box hidden (switch via bottom link) */
body.pages-login-login .login_con .login_title uni-text{
    flex:1 !important;text-align:center !important;color:#b9a9e0 !important;padding:11px 0 !important;margin:0 !important;
    border:none !important;border-radius:10px !important;font-weight:700 !important;font-size:15px !important;transition:all .2s ease !important}
body.pages-login-login .login_con .login_title .select{
    background:linear-gradient(135deg,#7b2cbf,#4f6fe6 60%,#3f54c4) !important;color:#fff !important;border:none !important;
    box-shadow:0 8px 18px rgba(96,60,210,.45) !important}

/* ---- input fields ---- */
body.pages-login-login .login_con .login_input{
    display:flex !important;flex-direction:row !important;align-items:center !important;
    min-height:54px !important;padding:4px 14px !important;margin-bottom:15px !important;
    background:rgba(255,255,255,.06) !important;border:1.5px solid rgba(255,255,255,.14) !important;
    border-radius:14px !important;box-sizing:border-box !important;transition:border-color .2s,box-shadow .2s,background .2s !important}
body.pages-login-login .login_con .login_input:focus-within{
    border-color:#1de9b6 !important;background:rgba(255,255,255,.09) !important;box-shadow:0 0 0 3px rgba(29,233,182,.22) !important}
body.pages-login-login .login_con .login_input .login_input_t{flex:1 !important}
body.pages-login-login .login_con .login_input .uni-input-input{
    background:transparent !important;color:#fff !important;font-size:15px !important;height:46px !important}
body.pages-login-login .login_con .login_input .uni-input-input::placeholder{color:#9b8fc2 !important}
body.pages-login-login .login_con .login_input .login_input_text,
body.pages-login-login .login_con .login_input .phoneText{
    color:#1de9b6 !important;font-weight:700 !important;
    border-right:1px solid rgba(255,255,255,.22) !important;padding-right:9px !important;margin-right:4px !important}
body.pages-login-login .login_con .login_input .login_input_img img{filter:brightness(0) invert(.78) !important}
body.pages-login-login .login_con .login_input .login_input_img .fa{color:#b9a9e0 !important}

/* OTP / send-code button inside an input (register) */
body.pages-login-login .login_con .login_input .login_input_send .text{
    background:linear-gradient(135deg,#7b2cbf,#1de9b6) !important;color:#fff !important;border-radius:9px !important;font-weight:700 !important}

/* ---- primary button: flowing gradient + shine sweep ---- */
body.pages-login-login .login_con .login_btn,
body.pages-login-login .login_con .login_btn1{
    border:0 !important;
    background:linear-gradient(135deg,#5a6cff,#7b2cbf) !important;color:#fff !important;border-radius:12px !important;
    padding:15px !important;font-size:16px !important;font-weight:700 !important;letter-spacing:.3px !important;margin-top:6px !important;
    box-shadow:0 6px 16px rgba(0,0,0,.3) !important;transition:transform .15s ease,filter .15s ease !important}
body.pages-login-login .login_con .login_btn:active{transform:scale(.98) !important}

/* ---- footer link ---- */
body.pages-login-login .login_con .reg{
    text-align:center !important;color:#b9a9e0 !important;margin-top:18px !important;font-size:13px !important}
body.pages-login-login .login_con .reg uni-text,
body.pages-login-login .login_con .reg span{color:#1de9b6 !important;font-weight:700 !important}
body.pages-login-login .login_con .forgot{color:#9b8fc2 !important}

/* ---- 3D icons on the LOGIN tab fields only (no glow / lighting) ---- */
body.pages-login-login #loginTab .login_input:has(.phoneText)::before,
body.pages-login-login #loginTab .login_input:has(.login_input_img)::before{
    font-family:'FontAwesome' !important;color:#fff;
    display:flex !important;align-items:center;justify-content:center;
    width:36px;height:36px;flex:0 0 auto;margin-right:11px;border-radius:11px;
    box-shadow:inset 0 2px 2px rgba(255,255,255,.5),inset 0 -3px 5px rgba(0,0,0,.38),0 3px 6px rgba(0,0,0,.3);
}
body.pages-login-login #loginTab .login_input:has(.phoneText)::before{ content:"\f10b";font-size:19px;background:linear-gradient(145deg,#34e6c0,#0f9a82 70%,#0a7a66)}
/* remove the +91 prefix on the login phone field */
body.pages-login-login #loginTab .login_input .login_input_text{ display:none !important; }
body.pages-login-login #loginTab .login_input:has(.login_input_img)::before{ content:"\f023";font-size:16px;background:linear-gradient(145deg,#9a8bff,#5a45e0 70%,#3f2fc4)}

/* ---- 3D icons on the REGISTER tab fields (no glow); remove +91; replace invitation icon ---- */
body.pages-login-login #registerTab .login_input .login_input_text{ display:none !important; }   /* remove +91 */
body.pages-login-login #registerTab .login_input:has(input[placeholder="Invitation Code"]) .login_input_img{ display:none !important; }  /* remove OLD invitation icon */
body.pages-login-login #registerTab .login_input:has(input[placeholder="Enter phone number"])::before,
body.pages-login-login #registerTab .login_input:has(input[placeholder="Enter new password"])::before,
body.pages-login-login #registerTab .login_input:has(input[placeholder="Confirm password"])::before,
body.pages-login-login #registerTab .login_input:has(input[placeholder="Enter withdrawal password"])::before,
body.pages-login-login #registerTab .login_input:has(input[placeholder="Invitation Code"])::before{
    font-family:'FontAwesome' !important;color:#fff;
    display:flex !important;align-items:center;justify-content:center;
    width:36px;height:36px;flex:0 0 auto;margin-right:11px;border-radius:11px;font-size:16px;
    box-shadow:inset 0 2px 2px rgba(255,255,255,.5),inset 0 -3px 5px rgba(0,0,0,.38),0 3px 6px rgba(0,0,0,.3);
}
body.pages-login-login #registerTab .login_input:has(input[placeholder="Enter phone number"])::before{ content:"\f10b";font-size:19px;background:linear-gradient(145deg,#34e6c0,#0f9a82 70%,#0a7a66)}      /* mobile */
body.pages-login-login #registerTab .login_input:has(input[placeholder="Enter new password"])::before{ content:"\f023";background:linear-gradient(145deg,#9a8bff,#5a45e0 70%,#3f2fc4)}                       /* lock */
body.pages-login-login #registerTab .login_input:has(input[placeholder="Confirm password"])::before{ content:"\f023";background:linear-gradient(145deg,#9a8bff,#5a45e0 70%,#3f2fc4)}                          /* lock */
body.pages-login-login #registerTab .login_input:has(input[placeholder="Enter withdrawal password"])::before{ content:"\f132";font-size:18px;background:linear-gradient(145deg,#ffc24a,#ef7a1a 70%,#cc6010)}   /* shield (different security) */
body.pages-login-login #registerTab .login_input:has(input[placeholder="Invitation Code"])::before{ content:"\f06b";background:linear-gradient(145deg,#ff7ac4,#e0357f 70%,#c01f66)}                          /* gift (new invitation icon) */