.login-page-root{display:flex;width:100%;min-height:100vh;background:var(--login-form-bg);font-family:Inter,sans-serif}.login-brand{flex:0 0 560px;width:560px;min-height:100vh;background:var(--login-brand-bg);justify-content:space-between;padding:60px 56px}.login-brand,.login-brand-top{display:flex;flex-direction:column}.login-brand-top{gap:48px}.login-brand-logo-row{display:flex;align-items:center;gap:12px}.login-brand-logo-dot{width:32px;height:32px;border-radius:8px;background:var(--login-brand-accent);flex-shrink:0}.login-brand-logo-text{font-size:28px;font-weight:600;color:var(--login-brand-logo-color);letter-spacing:-.5px}.login-brand-msg{display:flex;flex-direction:column;gap:20px}.login-brand-title{font-size:40px;font-weight:500;color:var(--login-brand-logo-color);letter-spacing:-1px;line-height:1.2;max-width:440px;white-space:pre-line}.login-brand-sub{font-size:15px;color:var(--login-brand-sub);line-height:1.6;max-width:400px;white-space:pre-line}.login-brand-footer{font-size:12px;color:var(--login-brand-footer)}.login-form-area{flex:1;min-height:100vh;background:var(--login-form-bg);display:flex;align-items:center;justify-content:center;padding:0 120px}.login-form-wrap{width:400px;display:flex;flex-direction:column;gap:32px}.login-form-header{display:flex;flex-direction:column;gap:8px}.login-form-title{font-size:32px;font-weight:600;color:var(--login-title-color)}.login-form-sub{font-size:14px;color:var(--login-field-sub)}.login-fields{gap:20px}.login-field-group,.login-fields{display:flex;flex-direction:column}.login-field-group{gap:6px}.login-field-label{font-size:13px;font-weight:500;color:var(--login-field-label)}.login-field-wrap{position:relative}.login-field-input{width:100%;height:48px;padding:0 16px;border-radius:10px;border:1px solid var(--login-field-border);font-size:14px;font-family:Inter,sans-serif;color:var(--login-field-input-color);background:var(--login-field-bg);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-field-input::placeholder{color:var(--login-field-placeholder)}.login-field-input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px var(--login-focus-ring)}.login-field-input.with-icon{padding-right:44px}.login-field-eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:var(--login-eye-color);transition:color .15s ease}.login-field-eye-btn:hover{color:var(--login-eye-hover)}.login-field-eye-btn svg{width:18px;height:18px;display:block}.login-option-row{display:flex;align-items:center;justify-content:space-between}.login-remember-row{display:flex;align-items:center;gap:8px}.login-remember-checkbox{width:18px;height:18px;border-radius:4px;border:1px solid var(--login-remember-border);cursor:pointer;accent-color:var(--login-accent)}.login-remember-text{font-size:13px;color:var(--login-remember-text);cursor:pointer;user-select:none}.login-forgot-link{font-size:13px;font-weight:500;color:var(--login-accent);cursor:pointer;background:none;border:none;font-family:Inter,sans-serif}.login-forgot-link:hover{text-decoration:underline}.login-signin-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:10px;background:var(--login-btn-bg);border:none;cursor:pointer;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:var(--login-btn-text);transition:opacity .15s ease}.login-signin-btn:hover{opacity:.9}.login-signin-btn:active{opacity:.8;transform:translateY(1px)}.login-signin-btn:disabled{opacity:.6;cursor:not-allowed}.login-divider-row{display:flex;align-items:center;gap:16px}.login-divider-line{flex:1;height:1px;background:var(--login-divider)}.login-divider-text{font-size:12px;font-weight:500;color:var(--login-divider-text);flex-shrink:0}.login-sso-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:10px;border:1px solid var(--login-sso-border);background:var(--login-sso-bg);cursor:pointer;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:var(--login-accent-dark);transition:background .15s ease,border-color .15s ease;position:relative}.login-sso-btn:hover{background:var(--login-sso-hover-bg);border-color:var(--login-accent)}.login-sso-btn:disabled{cursor:not-allowed;opacity:.7}.login-sso-icon{width:16px;height:16px;flex-shrink:0;display:block;stroke:var(--login-accent)}.login-sso-coming{position:absolute;top:-8px;right:12px;font-size:9px;font-weight:600;background:var(--login-coming-bg);color:var(--login-coming-text);padding:2px 6px;border-radius:6px}.login-error{font-size:12px;color:var(--login-error-text);padding:10px 12px;background:var(--login-error-bg);border-radius:8px;text-align:center}