.auth-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(10,11,15,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.auth-modal-box{position:relative;width:100%;max-width:800px;min-height:520px;max-height:92vh;border-radius:16px;overflow:hidden;display:flex;margin:auto;background:rgba(10,10,14,.35);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 24px 80px rgba(0,0,0,.5)}.auth-modal-banner{width:42%;flex-shrink:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;background-color:#1c1f2b;background-image:url(/images/anhlogin.webp);background-size:cover;background-position:50%}.auth-modal-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,216,117,.14),transparent 55%),linear-gradient(0deg,rgba(14,15,22,.95) 0,rgba(14,15,22,.55) 45%,rgba(14,15,22,.05) 75%);pointer-events:none}.auth-modal-banner-content{position:relative;z-index:1}.auth-modal-banner-logo{height:32px;width:auto;margin-bottom:22px}.auth-modal-banner-title{color:#fff;font-weight:800;font-size:1.25rem;line-height:1.3;margin:0 0 8px}.auth-modal-banner-desc{color:rgba(255,255,255,.55);font-size:.82rem;margin:0;line-height:1.5}.auth-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:none;color:rgba(255,255,255,.7);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20}.auth-modal-close:hover{background:rgba(255,255,255,.16)}.auth-modal-form-side{flex:1 1;overflow-y:auto;padding:56px 32px 28px;display:flex;flex-direction:column;color:#fff}.auth-tab-bar{display:flex;background:rgba(255,255,255,.06);border-radius:10px;padding:4px;margin-bottom:22px}.auth-tab{flex:1 1;padding:9px 0;border-radius:7px;border:none;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:rgba(255,255,255,.55)}.auth-tab.active{background:#fff;color:#111}.auth-hint-text{font-size:.82rem;color:rgba(255,255,255,.45);margin:0 0 18px}.auth-link-accent{color:var(--primary-color,#65feff);font-weight:600;font-size:.82rem}.auth-link-accent,.auth-link-muted{background:none;border:none;cursor:pointer;padding:0}.auth-link-muted{color:rgba(255,255,255,.38);font-size:.78rem}.auth-link-muted:hover{color:rgba(255,255,255,.7)}.auth-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;margin-bottom:18px;color:rgba(255,255,255,.55)}.auth-form{display:flex;flex-direction:column}.auth-field{margin-bottom:12px}.auth-input-wrap{position:relative}.auth-input{width:100%;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:10px;padding:13px 16px;color:#fff;font-size:.88rem;outline:none;box-sizing:border-box;transition:border-color .2s}.auth-input-wrap .auth-input{padding-right:44px}.auth-input:focus{border-color:rgba(255,255,255,.35)}.auth-input::placeholder{color:rgba(255,255,255,.4)}.auth-eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(255,255,255,.4);cursor:pointer;padding:0;display:flex;align-items:center}.auth-forgot-row{text-align:right;margin-bottom:18px}.auth-submit-btn{width:100%;padding:13px;border-radius:10px;border:none;background:var(--primary-color,#65feff);color:#191b24;font-size:.92rem;font-weight:700;cursor:pointer;transition:opacity .2s}.auth-submit-btn:hover{opacity:.85}.auth-submit-btn:disabled{opacity:.6;cursor:default}.auth-google-btn{width:100%;padding:13px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.auth-google-btn:hover{background:rgba(255,255,255,.09)}.auth-success-box{font-size:.83rem;padding:10px 12px;border-radius:8px;background:rgba(76,217,100,.12);border:1px solid rgba(76,217,100,.35);color:#7ee0a0}@media screen and (max-width:640px){.auth-modal-box{flex-direction:column;min-height:auto;max-height:94vh}.auth-modal-banner{width:100%;padding:24px}.auth-modal-banner-title{font-size:1.1rem}.auth-modal-form-side{padding:24px 20px}}