/* ===== GEN9 auth page (Binware-style design) ===== */
.auth_brand{display:flex;justify-content:center;align-items:center;padding:30px 0 8px;}
.auth_brand img{height:36px;width:auto;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;}
.auth_buttons{margin-top:20px;width:100%;height:49px;display:flex;justify-content:center;align-items:center;gap:4px;border-radius:16px;z-index:1;overflow:hidden;position:relative;background-color:#171717;}
.auth_buttons::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(131.89deg,rgba(255,255,255,0.05) 2.72%,rgba(255,255,255,0) 40.54%,rgba(255,255,255,0) 59.46%,rgba(255,255,255,0.05) 97.28%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;}
.auth_tab_pill{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 6px);border-radius:10px;pointer-events:none;z-index:0;transition:transform .38s cubic-bezier(.4,0,.2,1);background:linear-gradient(0deg,#1f1f1f,#1f1f1f),linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);border:1px solid rgba(255,255,255,0.09);}
.auth_tab_pill.to-signup{transform:translateX(calc(100% + 4px));}
.auth_button{position:relative;z-index:1;transition:color .38s cubic-bezier(.4,0,.2,1) !important;background:transparent !important;width:calc(50% - 6px);height:41px;cursor:pointer;border:0;font-weight:500;font-size:14px;border-radius:12px;color:#ffffff99;font-family:inherit;}
.auth_button.active{color:#fff;}
.auth_button:hover{color:#ffffffcc;}
.auth_main_inner{padding:20px 0;margin-top:8px;width:100%;z-index:1;overflow:hidden;position:relative;border-radius:16px;text-align:start;background:transparent;box-sizing:border-box;}
.auth_forms_wrap{overflow:hidden;position:relative;}
.auth_form_slide{transition:opacity .22s ease,transform .26s cubic-bezier(.4,0,.2,1);}
.auth_form_slide.hidden-left{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateX(-22px);pointer-events:none;visibility:hidden;}
.auth_form_slide.hidden-right{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateX(22px);pointer-events:none;visibility:hidden;}
.auth_input{position:relative;}
.auth_input input{width:100%;height:41px;border-radius:12px;border:0;outline:none;padding-left:44px;padding-right:40px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;margin-bottom:8px;box-shadow:0px -1px 0px 0px #00000040 inset;background:linear-gradient(0deg,#1f1f1f,#1f1f1f),linear-gradient(180deg,rgba(255,255,255,0.02) 0%,rgba(255,255,255,0) 100%);color:#fff;box-sizing:border-box;}
.auth_input input::placeholder{color:#ffffff4d;}
.auth_input input:focus,.auth_input input:active,.auth_input input:focus-visible,.auth_input input:focus-within{box-shadow:0px -1px 0px 0px #00000040 inset !important;border:0 !important;outline:none !important;outline-offset:0 !important;}
/* kill browser autofill: no white bg, no yellow, no dropdown flash */
.auth_input input:-webkit-autofill,.auth_input input:-webkit-autofill:hover,.auth_input input:-webkit-autofill:focus,.auth_input input:-webkit-autofill:active{-webkit-text-fill-color:#fff !important;caret-color:#fff;-webkit-box-shadow:0 0 0 60px #1f1f1f inset,0px -1px 0px 0px #00000040 inset !important;box-shadow:0 0 0 60px #1f1f1f inset,0px -1px 0px 0px #00000040 inset !important;background-color:#1f1f1f !important;background-image:none !important;transition:background-color 99999s ease-in-out 0s;}
.auth_input input:autofill{filter:none;}
.auth_input .auth-ico{position:absolute;left:15px;top:11px;width:18px;height:18px;fill:none;stroke:rgba(255,255,255,0.55);color:rgba(255,255,255,0.55);pointer-events:none;}
.auth_input .auth-eye{position:absolute;right:8px;top:7px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,0.55);background:none;border:0;padding:0;border-radius:8px;transition:color .15s ease,background .15s ease;}
.auth_input .auth-eye:hover{color:#fff;background:rgba(255,255,255,0.06);}
.auth_input .auth-eye .eye-off{display:none;}
.auth_input .auth-eye.show-pass .eye-open{display:none;}
.auth_input .auth-eye.show-pass .eye-off{display:block;}
.forgot_content{margin:4px 0 0;text-align:left;}
.forgot_content a{font-weight:400;font-size:14px;text-decoration:none;margin:0;color:#ffffff99;transition:color .15s ease;}
.forgot_content a:hover{color:#fff;}
/* captcha — Binware style */
.auth_captcha{margin:10px 0 8px;border-radius:12px;overflow:hidden;cursor:pointer;background:#1b1b1e;border:1px solid rgba(255,255,255,0.06);transition:border-color .2s ease;}
.auth_captcha:hover{border-color:rgba(255,255,255,0.16);}
.auth_captcha canvas{display:block;width:100%;height:64px;}
.auth_error{display:none;margin:2px 0 8px;font-size:12px;color:#f87171;text-align:left;}
.auth_error.show{display:block;}
@keyframes auth-shake{0%,100%{transform:translateX(0);}20%{transform:translateX(-7px);}40%{transform:translateX(6px);}60%{transform:translateX(-4px);}80%{transform:translateX(3px);}}
.auth_form_slide.shake{animation:auth-shake .4s ease;}
.auth_submit button{width:100%;height:41px;border:0;cursor:pointer;border-radius:12px;margin-top:12px;font-weight:500;font-size:14px;font-family:inherit;box-shadow:0px -1px 0px 0px #00000040 inset;background-color:#232327;background-image:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);color:#fff;transition:background-color .25s ease,color .25s ease,transform .15s ease;}
.auth_submit button:hover{background-color:#FE99FF;color:#0E0E0E;}
.auth_submit button:active{transform:scale(0.99);}
.auth_legal_note{margin:10px auto 0;padding:0;text-align:center;font-size:12px;font-weight:400;line-height:1.55;letter-spacing:0.01em;max-width:268px;color:rgba(255,255,255,0.36);}
.auth_legal_note a{color:rgba(254,153,255,0.72);text-decoration:none;border-bottom:1px solid rgba(254,153,255,0.22);transition:color .15s ease,border-color .15s ease;}
.auth_legal_note a:hover{color:#fe99ff;border-bottom-color:rgba(254,153,255,0.5);}
.auth-page{max-width:420px;margin:0 auto;padding:118px 12px 60px;}
.auth-success{text-align:center;font-size:14px;color:#4ade80;margin:8px 0 0;display:none;}
.auth-success.show{display:block;}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.rise{opacity:0;animation:rise .9s cubic-bezier(.22,1,.36,1) forwards}
.d1{animation-delay:.05s}
.d2{animation-delay:.15s}
.d3{animation-delay:.3s}
@media (prefers-reduced-motion:reduce){.rise{opacity:1;animation:none;transform:none}}
@media (max-width:420px){
  .auth_button{width:calc(50% - 6px);}
  .auth_brand img{height:30px;}
  .auth-page{padding-top:104px;}
}
html{scrollbar-width:none;-ms-overflow-style:none}
::-webkit-scrollbar{display:none}
