.login-page{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.login-bg{position:absolute;inset:0;background:rgba(0,0,0,.5)}.login-modal-mask{position:absolute;inset:0;background:transparent;z-index:1}.login-modal{position:relative;z-index:2;width:830px;height:480px;background:#252526;border:1px solid #5c5c5c;border-radius:16px;overflow:hidden;display:flex;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.6)}.login-close{position:absolute;top:20px;right:46px;width:20px;height:20px;color:#8a8fa3;font-size:16px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:color .15s}.login-close:hover{color:#fff}.login-left{width:410px;flex-shrink:0;position:relative;padding:17px 0 17px 20px;display:flex;box-sizing:border-box}.login-left-img{width:358px;height:443px;object-fit:cover;border-radius:8px;flex-shrink:0;margin-right:32px;display:block}.login-right{width:365px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:0;margin-right:55px;box-sizing:border-box}.login-brand{margin-bottom:12px}.brand-full-img{height:34px;width:auto;max-width:100%;object-fit:contain;display:block}.login-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#64EDB5 20%,#64EDB5 80%,transparent);margin:0 0 20px;flex-shrink:0}.login-title{font-size:24px;font-weight:600;color:#FFFFFF;margin:0 0 16px;line-height:1.3}.login-form{display:flex;flex-direction:column;gap:12px;width:100%}.form-field{position:relative;display:flex;align-items:center;background:#1A1D21;border:1px solid #363a3d;border-radius:8px;height:40px;transition:background .15s,border-color .15s}.form-field:focus-within{background:linear-gradient(#1A1D21,#1A1D21) padding-box,linear-gradient(90deg,#82DBF7,#9CF0CE) border-box;border:1px solid transparent}.field-icon{position:absolute;left:12px;color:#5c6178;font-size:14px}.field-input{flex:1 1;height:100%;background:transparent;border:none;outline:none;color:#FFFFFF;font-size:13px;padding:0 12px 0 36px;border-radius:8px}.field-input::placeholder{color:#5c6178}.code-field .code-btn{flex-shrink:0;height:100%;padding:0 14px;background:transparent;border:none;border-left:1px solid #2a2f3a;color:#9CF0CE;font-size:12px;cursor:pointer;white-space:nowrap;transition:color .15s;border-radius:0 8px 8px 0}.code-field .code-btn:hover{color:#b0f5dc}.code-field .send-code-btn{flex-shrink:0;height:100%;padding:0 14px;display:flex;align-items:center;background:transparent;border-left:1px solid #2a2f3a;color:#9CF0CE;font-size:12px;cursor:pointer;white-space:nowrap;transition:color .15s;border-radius:0 8px 8px 0}.code-field .send-code-btn:hover{color:#b0f5dc}.code-field .send-code-btn.disabled{color:#5c6178;cursor:not-allowed}.form-links-row{display:flex;justify-content:space-between;align-items:center;margin-top:-4px}.link-action{font-size:12px;color:#5c6178;cursor:pointer;transition:color .15s}.link-action:hover{color:#9CF0CE}.login-main-btn{width:100%;height:40px;background:#9CF0CE;color:#131619;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;margin-top:4px;transition:background .15s}.login-main-btn:hover{background:#b0f5dc}.login-main-btn:active{background:#7adfb8}.register-back{font-size:13px;color:#9CF0CE;cursor:pointer;transition:color .15s}.register-back:hover{color:#b0f5dc}.register-bottom-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.register-bottom-row .register-back{text-align:left}.register-bottom-row .login-footer{margin:0;text-align:right}.login-footer{font-size:12px;color:#5c6178;text-align:center;margin-top:2px}.login-bottom-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.login-bottom-row .login-footer{margin:0;text-align:left}.forgot-pwd{font-size:12px;color:#9CF0CE;cursor:pointer;transition:color .15s}.forgot-pwd:hover{color:#b0f5dc}.footer-link{color:#9CF0CE;margin:0 2px;cursor:pointer;text-decoration:none}.footer-link:hover{color:#b0f5dc}.login-footer-extra{font-size:12px;color:#8a8fa3;text-align:center;margin-top:-2px;cursor:pointer;transition:color .15s}.demo-hint,.login-footer-extra:hover{color:#9CF0CE}.demo-hint{margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.7;text-align:center;background:rgba(156,240,206,.08);border:1px dashed rgba(156,240,206,.4);border-radius:8px}.demo-hint strong{color:#ffffff;font-weight:600;margin:0 2px}.demo-hint-title{display:block;margin-bottom:2px;font-weight:600;color:#ffffff;font-size:12.5px}